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Objetivos 


1. 
Conocer los orígenes de la escritura, la génesis del alfabeto y la evolución 


de las formas de escritura y caligrafía latinas previos a la tipografía. 


2. 
Conocer la evolución de la tipografía desde su nacimiento en el siglo XV, 


las innovaciones más significativas y los tipógrafos más relevantes. 


3. 
Saber reconocer los aspectos formales, geométricos y proporcionales de los 


caracteres tipográficos; los sistemas de medidas, la métrica horizontal y 


vertical. 


4. 
Saber utilizar los atributos tipográficos del párrafo en función de la legi- 


bilidad y de los efectos visuales de la composición gráfica; saber ajustar 


parámetros como el interletrado, el cran, el interlineado, sangrías, tabula- 


ciones o alineación. 
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1. Historia gráfica de la tipografía 


Para una óptima lectura así como para poder adquirir un mejor conocimien- 


to y comprensión de los materiales que se expondrán en este módulo sobre 


tipografía sería conveniente que estuvierais mínimamente familiarizados con 


la terminología básica del uso de la tipografía así como con sus principales 


elementos. 


1.1. La prehistoria de la tipografía 


En los últimos siglos, la tipografía ha ido evolucionando rápidamente gracias 


a los cambios tecnológicos. La mayor parte de personas tenemos varias fuentes 


instaladas en nuestros ordenadores; sabemos cómo conseguir nuevas y utili- 


zarlas con los programas de edición gráfica. Muchos diseñadores tienen un 


cierto nivel de cultura tipográfica, saben qué quiere decir fuente, pueden defi- 


nir sus rasgos principales: con serifa o sin serifa, caja alta o caja baja, altura 


de la x alta o baja, modulación vertical o inclinada, estilo en negrita, cursiva, 


versalita. Incluso la pueden clasificar, saber a qué familia pertenece y también 


conocen conceptos como legibilidad y amenidad de lectura de una tipografía, 


saben cómo combinarlas, siempre con el objetivo de utilizar la tipografía ade- 


cuada en cada momento. 


En este apartado, os proponemos pasar a otro nivel de conocimiento dentro 


de la tipografía: conocer sus orígenes, razones y motivaciones para compren- 


der mejor su desarrollo. ¿De dónde viene toda esta riqueza tipográfica? ¿Por 


qué hay diferentes tipos de letras y alfabetos? ¿Cómo se formaron y de dónde 


provienen? Las respuestas las encontraremos en toda la evolución de la escri- 


tura, desde el inicio, no sólo en su forma y análisis sino en los motivos históri- 


cos y sociológicos que las fueron transformando, las tendencias que las fueron 


modulando. La historia de la tipografía, ni que sea a grandes rasgos, nos dará 


una visión más amplia para entender mejor las particularidades de cada letra, 


con toda su riqueza y al mismo tiempo complejidad. Empezaremos por hablar 


de la prehistoriatipográfica, de los orígenes y evolución de los alfabetos y 


otros sistemas de escritura y entenderemos este periodo como el anterior a la 


aparición de la imprenta. 


Ved también 


En la asignatura Diseño gráfico 
hay una aproximación muy re- 
comendable que se puede leer 
como introducción útil y clari- 
ficadora (de repaso) antes de 
entrar en un estudio ya más al 
detalle y en profundidad sobre 
la tipografía. 


Ved también 


Sobre los conceptos tipográ- 
ficos básicos como fuente, se- 
rifa, caja alta y baja, altura de 
la x, modulación o estilo ved el 
apartado 3 sobre tipografía del 
módulo "Conceptos básicos 
del diseño gráfico" de los ma- 
teriales de la asignatura Diseño 
gráfico. 
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1.1.1. 
El origen múltiple de la escritura 


Aunque en algún momento ha sido objeto de controversia científica, actual- 


mente es sobradamente aceptado que la humanidad ha inventado la escritu- 


ra en diferentes momentos. Así pues, la escritura tiene un origen múltiple o 


poligénico (Cervelló, 2005, pág. 222), fruto de la capacidad humana para la 


abstracción y la comunicación mediante símbolos junto con circunstancias 


específicas que la hicieron necesaria y posible. 


Referencia bibliográfica 


J.Cervelló (2005). "Los orígenes de la escritura en Egipto: entre el registro arqueológico 
y los planteamientos historiográficos". En: G. Carrasco; J. C. Oliva (coords.). Escrituras y 
lenguas del Mediterráneo en la antigüedad. Cuenca: Universidad de Castilla-La Mancha. 


Hay cinco ramas evolutivas principales entre los sistemas de escritura conoci- 


dos: 


• 
Cuneiformemesopotámica: una de las más antiguas, surgida hacia el 


3500 a. C. en Sumeria y que perduraría durante unos cuatro mil años con 


interacciones con otros sistemas de escritura del Asia occidental y el Me- 


diterráneo. 


• 
Egipcia: también una de las más antiguas, surgida hacia el 3500 a. C. en 


Egipto con dos sistemas de escritura paralelos (hierático y jeroglífico) que 


evolucionarían hacia diferentes sistemas de escritura, muchos de ellos to- 


davía vigentes, como los alfabetos griego, latín y cirílico o los abyads árabe 


y hebreo. 


• 
India: la escritura bahmi, surgida hacia el año 500 a. C. en la actual India, 


es el origen de la rama evolutiva que dará lugar a diferentes sistemas ex- 


tendidos por la cuenca del Indo, el Himalaya y parte del sureste asiático. 


• 
China: surgida hacia el 2200 a. C. en China, ha dado lugar a sistemas de 


escritura todavía vigentes, sobre todo en el ámbito asiático. 


• 
Mesoamericana: surgida en la cultura zapoteca hacia el año 500 a. C., 


evolucionará o influirá en el nacimiento de otros sistemas, como la escri- 


tura maya, en la zona de lo que hoy es México. 


Cada una de estas ramas tendría un origen independiente, sin contacto direc- 


to con las otras y habría dado lugar a una evolución, expansión y diversifi- 


cación durante siglos o milenios. Por su convivencia en el espacio y el tiem- 


po, la escritura cuneiforme de origen mesopotámico y las escrituras lineales 


derivadas de la escritura egipcia habrían podido recibir influencias recíprocas. 


En cambio, la relación de estas escrituras con las ramas china e índica, si es 


que ha existido, sería muy remota. La rama mexicana no tiene ningún tipo 


de contacto con las demás. 


Dirección web 
recomendada 


Si queréis visualizar un dia- 
grama de la evolución de los 
diferentes sistemas de escri- 
tura, podéis consultar el es- 
quema de Mark (Duopixel, 
http://blog.duopixel.com/ 
images/timeline-flat.png) 
que recoge las principales lí- 
neas de desarrollo y sus rela- 
ciones según las teorías más 
aceptadas. 
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1.1.2. 
Los sistemas de escritura 


La escritura es un sistema para expresar gráficamente una lengua. La unidad 


básica de un sistema de escritura es el grafema o carácter. Un grafema es 


un signo, puede ser una letra o un pictograma, que representa un sonido, un 


conjunto de sonidos, una idea o una cosa. 


En función de lo que representan los grafemas, podemos distinguir dos tipos 


de sistemas de escritura: 


• 
Logográficos: cada grafema representa una palabra o morfema; represen- 


tan la lengua tal como se piensa. 


• 
Fonográficos: los grafemas representan sonidos, fonemas o conjuntos de 


fonemas; representan la lengua tal como se dice. 


Los grafemas pueden ser representaciones figurativas, pictogramas o signos 


abstractos. Tanto en los sistemas logográficos como en los fonográficos se pue- 


den utilizar los dos tipos de signos. Algunos sistemas de escritura empezaron 


con un sistema de pictogramas que en un proceso de abstracción y esquema- 


tización acabaron perdiendo la semejanza figurativa para pasar a ser reconoci- 


dos como signos arbitrarios. En otros casos, se adoptaron directamente signos 


como convenciones, que podían ser conocidos ya en otros campos simbólicos 


fuera de la escritura. 


Dado que en las escrituras logográficas cada signo representa una palabra, la 


colección de signos es muy amplia, puede llegar a ser de miles de grafemas. 


Pero, dado que representan los conceptos y no cómo éstos se llaman, una 


escritura logográfica podría servir para diferentes lenguas que compartieran 


los mismos morfemas. 


En las escrituras logográficas se diferencian el tipo de grafemas según la rela- 


ción de semejanza con lo que representan (Schmandt-Besserat, 1978): 


Referencia bibliográfica 


D. Schmandt-Besserat (1978, agosto). "El primer antecedente de la escritura". Inves- 
tigación y Ciencia. (núm. 23, págs. 6-16). Disponible en línea: <http://ca.finaly.org/ 
index.php/El_primer_antecedent_de_l'escriptura> 


• 
Pictograma: es una representación figurativa o que guarda semejanza con 


lo que representa. 


• 
Ideograma: es un signo abstracto que se relaciona convencionalmente 


con lo que representa. 
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Un mismo sistema de escritura puede tener grafemas de los dos tipos. Las es- 


crituras fonográficas tienen una colección más limitada de signos. Según el 


tipo de sonidos que representan, el conjunto de grafemas de un sistema de 


escritura fonográfica se considera: 


• 
Un silabario: donde cada grafema representa una sílaba o conjunto de 


sonidos. El japonés utiliza dos tipos de silabarios, hiragana y katakana. La 


escritura griega de la época micénica también utilizaba un silabario. 


• 
Un abyad o alfabeto consonántico: donde cada grafema representa un so- 


nido consonante. Los lectores deducen los sonidos vocálicos por su cono- 


cimiento de la lengua. Son abyads los conjuntos de signos utilizados en 


el árabe o el hebreo. 


• 
Un abugida, alfabeto silábico o alfasilabario: donde cada grafema repre- 


senta un sonido consonante unido a un sonido vocálico. Normalmente 


hay un sonido vocálico básico y a través de modificaciones del signo se 


indica si la vocal es otra. Muy a menudo los abugidas han derivado de un 


sistema abyad originario. Son abugidas la escritura brahmi india, la escri- 


tura tibetana y el etíope. 


• 
Un alfabeto o alfabeto completo: donde idealmente cada fonema tiene 


un grafema que lo representa. El griego, el latín y el cirílico son ejemplos 


típicos de alfabetos, aunque no en todas las lenguas se da la equivalencia 


entre un fonema y un signo gráfico. Sólo en lenguas que han adoptado el 


alfabeto en épocas recientes, como el turco con el alfabeto latino, existe 


esta equivalencia estricta. 


Los sistemas de escritura se distinguen también según el sentido en el que se 


escriben. Hay sistemas que se escriben de izquierda a derecha (como el latín), 


de derecha a izquierda (como el árabe y el hebreo) o de arriba abajo (como 


el chino tradicional). Hay también sistemas que utilizan indistintamente las 


dos direcciones o que utilizan una u otra en función del contexto y el soporte. 


También están los sistemas bustrofédicos, que van de izquierda a derecha y 


después cambian de derecha a izquierda al cambiar de línea, como la escritura 


jeroglífica egipcia, la griega arcaica o la hitita. 


Finalmente, hay que citar la distinción que se establece según la forma gráfica 


de los signos entre: 


• 
escrituracuneiforme: con los grafemas compuestos por marcas en forma 


de cuña 


• 
escrituralineal: con grafemas formados por líneas 
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Escritura china 


Cerca de una quinta parte de la población del mundo habla alguna forma de chino co- 
mo lengua materna. Eso hace que sea la lengua con más número de hablantes nativos 
del mundo. Son lenguas con una cierta complejidad en su conocimiento. Actualmente, 
podemos hablar de la existencia de unos 50.000 caracteres chinos de los cuales 10.000 
son realmente utilizados en la lengua culta y unos 3.000 se utilizan en una lengua más 
popular. Tradicionalmente, la escritura china se escribe en dirección descendente, pues 
al utilizar pincel y tinta resultaba más práctico escribir de arriba abajo, en las posteriores 
evoluciones y reformas han ido variando, pero actualmente se escribe de izquierda a de- 
recha horizontalmente. 


Podemos clasificar los caracteres chinos en tres grandes grupos: los pictogramas, los ideo- 
gramas y los fonogramas. Los primeros en ser utilizados fueron los pictogramas que guar- 
daban una semejanza con lo representado. A partir de éstos se desarrollaron los ideogra- 
mas, principalmente a partir de la combinación de pictogramas. Mucho más reciente- 
mente se crearon fonogramas, que representan no el concepto, sino el fonema. La escri- 
tura china actual combina ideogramas y fonogramas. 


Veamos el ejemplo de cómo un primitivo pictograma donde se representa el perfil de un 
árbol se dibuja de manera esquemática un tronco, las ramas y la copa. Si queremos decir 
un bosque, se repite (ideograma). 


A la derecha vemos el pictograma 
que significa árbol en chino antiguo, 
acto seguido tenemos la evolución al 
ideograma que significa bosque (se repite 
el árbol). 
Nota legal: imágenes de dominio público 
publicadas en Wikipedia Commons 
por Ángel Riesgo (2005), parcialmente 
modificadas. 


Glifos y grafemas 


Si un grafema es un signo que representa un sonido, un conjunto de sonidos o un con- 
cepto, un glifo es la representación gráfica de un grafema, de una parte de éste o de un 
conjunto de grafemas. 


El término glifo proviene del griego glýfô (γλυφϖ), que significa esculpir o cortar. Así pues, 
el glifo es un signo grabado –originariamente en la piedra o el metal– y, por extensión, 
cualquier signo pintado, dibujado o representado gráficamente. Si un grafema –o un ca- 
rácter, en el caso de la tipografía– es una unidad textual, un glifo es una unidad gráfica. 


Los signos diacríticos –como acentos o diéresis– que utilizamos para alterar o definir la 
pronunciación de una palabra no son grafemas en sí mismos, son glifos que completan 
otros glifos. También los signos de puntuación son glifos que no corresponden a grafe- 
mas, son signos que orientan las pautas de lectura. 


En tipografía, la mayor parte de los grafemas están representados por un solo glifo, es el 
caso de la mayoría de letras del alfabeto. Pero las ligaduras –como  o &– son glifos que 
representan dos grafemas. 


Algunos sistemas de escritura ideográficos como las escrituras china o japonesa tienen 
glifos que se utilizan en diversos grafemas. 
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Las ligaduras entre dos grafemas son glifos que los copistas medievales 
introdujeron y consolidaron como una forma de ahorrar tiempo en la escritura. 
La tradición tipográfica los adoptó y los mantuvo, a menudo como una forma 
de dar un rasgo estético distintivo al texto. 


1.1.3. 
La escritura cuneiforme mesopotámica 


Imagen de una cuña, herramienta utilizada para la escritura cuneiforme. 


En la zona más occidental de Asia, entre el mar Mediterráneo, el mar Rojo y 


el golfo Pérsico, recorriendo las cuencas de los ríos Tigris y Éufrates, se desa- 


rrollaron algunas de las primeras sociedades agrícolas. También en esta zona 


es donde se desarrolla uno de los sistemas de escritura más antiguos y con un 


periodo de vigencia más largo, la escrituracuneiforme. 


Contrato sumerio sobre arcilla en el que se vende una casa y un campo procedente 
de Shuruppak, datado en torno al año 2.600 a. C. 
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Nota legal: pieza fotografiada en el Departamento de Antigüedades Orientales, 
Richelieu (Francia). Fotografía cedida para el dominio público por Marie-Lan Nguyen 
(2005). 


Se escribía generalmente sobre tablillas de arcilla con un estilo o cálamo que 


dejaba una señal en forma de cuña (cuneiforme). Es un tipo de escrituralo- 


gográfica –aunque se derivarán formas fonográficas o mixtas– y los grafemas 


utilizados son principalmente ideogramas, con algunos pictogramas o signos 


esquemáticos derivados de éstos. 


Las muestras más antiguas conocidas corresponden a las ciudades sumerias de 


Mesopotamia, como Uruk, hacia el final del cuarto milenio antes de Cristo; de 


aproximadamente hacia el 3100 a. C. se han encontrado abundantes muestras 


en yacimientos arqueológicos de toda el área mesopotámica hasta el siglo IV a. 


C. Además de los sumerios, utilizaron esta forma de escritura, con adaptacio- 


nes, los acadios, los babilonios, los elmitas, los hititas y los asirios. 


Inscripción asiria que utiliza el sistema de escritura cuneiforme procedente del 
yacimiento del palacio de Sargón II en Dur Sarrukin (actual Jursabad) hacia el siglo VIII 
a. C. fotografiada en el Museo del Hermitage (San Petersburgo, Rusia). 
Nota legal: © Bossi (2008). Creative Commons Reconocimiento Compartir Igual 3.0- 
es. Publicado en Flickr. 


La escritura cuneiforme sumeria tenía en torno a 1.500 caracteres, muy pocos 


de los cuales son pictogramas o esquemas derivados de representaciones figu- 


rativas. Eso contradice la hipótesis de que este sistema de escritura habría evo- 


lucionado esquematizando lo que inicialmente eran pictogramas. La inves- 


tigadora francesa Denise Schmandt-Besserat descubrió que los grafemas con 


formas abstractas derivan de un sistema mucho más antiguo de fichas usadas 


en el comercio y la contabilidad muy extendido y consolidado en la misma 


zona desde el inicio del neolítico –hacia el 8500 a. C– hasta la edad del bronce 


–hacia el 3100 a. C– (Schmandt-Besserat, 1978). Durante este largo periodo 


de cinco mil años se utilizó un mismo sistema basado en un conjunto de en- 


tre veinte y treinta fichas de cerámica tridimensionales con formas de disco, 


cono, doble-cono, tetraedro, oboide y variantes de éstas con incisiones. Éstas 


son las mismas formas que se encuentran representadas bidimensionalmente 


en la escritura cuneiforme posterior. El paso de un sistema a otro se puede se- 
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guir en un sistema de sobres de arcilla (bullae) que contenían las mencionadas 


fichas y la inscripción de su contenido grabada en el exterior. Así es como las 


fichas se convierten en grafemas. 


En esta tabla se equiparan cincuenta y dos fichas de cerámica con sus equivalentes en los caracteres incisos que 
aparecen en las primeras inscripciones sumerias. 
Si el significado del símbolo es conocido, aparece la palabra equivalente al lado del dibujo de la incisión. 
Nota legal: © Denise Schmandt-Besserat (1978, agosto). "El primer antecedente de la escritura". 
Investigación y Ciencia (n.° 23, pág. 6-16). Disponible en línea: <http://ca.finaly.org/index.php/ 
El_primer_antecedent_de_l'escriptura> 
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Por lo tanto, la escritura en Mesopotamia se desarrolla en las ciudades 


sumerias sobre la base de un sistema simbólico muy consolidado, rela- 


cionado con el comercio, que tiene sus raíces en las comunidades agrí- 


colas y ganaderas del neolítico. El sistema de escritura cuneiforme resul- 


tante perdurará durante más de tres milenios y formará parte del desa- 


rrollo de la civilización en el Próximo Oriente. 


1.1.4. 
Las formas de escritura egipcias 


La civilización egipcia se desarrolló a lo largo de la cuenca media y baja del río 


Nilo, que nace en África y desemboca en el Mediterráneo, durante unos tres 


mil años, entre el siglo XXXI a. C. y el siglo I a. C. El desarrollo de la escritura 


en Egipto es paralelo pero independiente del de Mesopotamia (Cervelló, 2005, 


pág. 218-222). Las primeras muestras conocidas se han datado entre el 3400 


a. C. y el 3100 a. C. y proceden del yacimiento de Umm el-Qaab, Abidos, en 


el Alto Egipto (Cervelló, 2005, pág. 198; Mattessich, 2002). 


Los egipcios desarrollaron dos sistemas paralelos de escritura que utilizaban 


según el soporte y la función: 


• 
Jeroglífico: es una escritura pictográfica donde los grafemas representan 


seres, objetos y procesos de la realidad directamente o a través de la metá- 


fora y la metonimia. Se utilizaba principalmente grabado en piedra o pin- 


tado en los muros de las tumbas. 


• 
Hierático: es una escritura donde los grafemas son formas esquemáticas 


correspondientes a los pictogramas de la escritura jeroglífica. Se escribía 


con tinta negra y roja con un cálamo de caña sobre papiro. 


Los dos tipos de escritura se desarrollaron simultáneamente y se influyeron 


mutuamente. En el periodo final de la civilización egipcia, entre el año 500 a. 


C. y el 500 d. C., también se utilizó un tercer tipo, conocido como escritura 


demótica, derivado de la hierática. 


La escritura egipcia es logográfica y fonográfica. Los pictogramas pueden re- 


presentar palabras enteras o sonidos. Cuando representan sonidos sólo son 


sonidos consonánticos. Hay signos monoconsonánticos, biconsonánticos y 


triconsonánticos que generalmente representan sílabas con una, dos o tres 


consonantes respectivamente. Los signos monoconsonánticos podían acom- 


pañar logogramas u otros signos como indicaciones de pronunciación (Cer- 


velló, 2005, pág. 193-194). Así pues, los egipcios no desarrollaron un sistema 


estrictamente fonológico como la escritura alfabética aunque, visto en pers- 


pectiva, contaban con los elementos para hacerlo. 


El famoso código de Hammurabi (siglo XVIII 
a. C., Babilonia) es uno de los documentos 
jurídicos más antiguos, de escritura cuneiforme. 
Nota legal: imagen de dominio público 
procedente de Wikimedia Commons publicada 
por Mschlindwein (2005). 


Referencia bibliográfica 


R.Mattessich (2002, junio). 
"The oldest writings, and 
inventory tags of Egypt". 
Accounting Historians Jour- 
nal (vol. 29, núm. 1, págs. 
197-208). 
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A diferencia de la escritura mesopotámica que tendría su origen y desarrollo en 


las necesidades comerciales y administrativas, las formas de escritura egipcias 


nacen y se desarrollan con una función relacionada con los rituales funerarios 


(Cervelló, 2005, pág. 223-226). Se han encontrado abundantes coincidencias 


entre la iconografía de los pictogramas egipcios y las representaciones rupes- 


tres neolíticas anteriores en la zona del actual desierto del Sahara. Eso hace 


pensar que la escritura egipcia se habría podido construir sobre un sistema 


simbólico anterior ya asentado. 


1.1.5. 
El alfabeto protosinaítico 


El alfabeto es una de las formas más efectivas de representar con un conjunto 


reducido de grafemas cómo suena una lengua. La mayor parte de alfabetos 


(griego, latín, cirílico) y de abyads (hebreo, árabe) actuales derivan de un mis- 


mo tronco común que, a través de los fenicios y las escrituras que éstos adop- 


taron y adaptaron, los conecta con la escritura egipcia. 


Durante el segundo milenio antes de Cristo, entre el 2000 a. C. y el 1000 a. C., 


se desarrollaron y se ensayaron diversos sistemas de escritura en la zona que 


hoy conocemos como Oriente Próximo. Entre éstos surgieron diferentes escri- 


turas fonográficas, entre las cuales encontramos diversos sistemas alfabéticos 


cuneiformes como los de Ugarit y Bet-Semes o lineales como el protocananeo 


y el protosinaítico (Vita, 2005). Este último corresponde a lo que se ha podido 


encontrar en las inscripciones dentro de unas minas en la península del Sinaí 


datadas hacia el 1600 a. C. Las formas de los pictogramas se relacionan con 


la escritura jeroglífica egipcia. Al principio del segundo milenio, en Egipto, se 


utilizaba un sistema casi alfabético, que más tarde se abandonaría en favor 


de un sistema silábico para representar nombres extranjeros (Vita, 2005). Se 


plantea la hipótesis de que alguien conocedor de este sistema podría haberlo 


adaptado a su propia lengua como un sistema de escritura completo. 


Referencia bibliográfica 


J. P. Vita (2005). "Los primeros sistemas alfabéticos de escritura". En: G. Carras- 
co; J. C. Oliva (coords.). Escrituras y lenguas del Mediterráneo en la antigüedad (págs. 
33-79). Cuenca: Universidad de Castilla-La Mancha. Disponible en línea: <http:// 
hdl.handle.net/10261/13218> 


Por lo que se ha podido deducir del estudio de las escasas inscripciones, el 


protosinaítico es un alfabetoconsonántico o abyad donde cada fonema con- 


sonántico está representado por el pictograma de una palabra que empieza 


con aquel sonido. Esto da lugar a un sistema sorprendente desde nuestra pers- 


pectiva actual donde una escritura pictográfica representa cómo suenan las 


palabras. 


Muestra de jeroglíficos egipcios del Museo 
Británico de Londres. 
Nota legal: imagen de dominio público 
procedente de Wikimedia Commons publicada 
por Jon Sullivan (2007). 
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De algún modo, este sistema de escritura se transmitiría a los fenicios y, a través 


de ellos, se expandiría por el Mediterráneo. Mientras el alfabeto se desarrollaba 


y era adoptado por diversos pueblos, coexistió durante centenares de años con 


los principales sistemas de escritura que lo habían precedido, el cuneiforme 


mesopotámico y las escrituras egipcias, sin sustituirlos (Vita, 2005, pág. 34). 


1.1.6. 
El alfabeto consonántico fenicio: el antepasado, el 


transmisor 


En el actual Líbano, en el este del Mediterráneo, en torno al 1600 a. C., los 


fenicios, pueblo de comerciantes, adoptaron y adaptaron un sistema de escri- 


tura que será crucial para la posterior evolución de los diferentes sistemas de 


escritura mediterráneos, ya que se convertirá en la base para muchos alfabetos 


posteriores, entre ellos nuestro alfabeto latino. 


Los fenicios utilizaban 22 símbolos que representaban 22 fonemas consonán- 


ticos diferentes. Eran conocidos como los22signosmágicos y se combina- 


ban para formar palabras. Era ya un sistema totalmente fonográfico, por el que 


a cada grafema le correspondía un sonido, que se escribía todo seguido, sin 


espacios, horizontalmente y de derecha a izquierda. 


Hay indicios de que los fenicios podrían haber utilizado otros sistemas de es- 


critura, pero este alfabeto consonántico de escritura lineal, escrito de derecha 


a izquierda, fue el que acabaron adoptando y difundiendo. Por comparación 


de los grafemas con los pictogramas protosinaíticos se ha podido deducir la 


relación entre estos dos sistemas de escritura. En este caso, los pictogramas, ya 


con un uso fonográfico, habrían evolucionado esquematizándose. 


Evolución de la letra A. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. 


El alfabeto consonántico fenicio es el tronco del que parten muchos de los 


alfabetos actuales. A partir de éste, hacia el 800 a. C., derivó el abyadarameo 


que se utilizaría en Palestina durante unos 1.400 años y del que derivaría el 


abyadhebreo (o alef-bet, por sus dos primeras letras) y, a través del alfabeto 


nabateo, el abyadárabe (o alifat, por su primera letra). También los griegos 


adoptaron, con modificaciones, el abyad fenicio y, a través de ellos, llegó a la 


península Itálica donde evolucionó hacia el alfabeto latino. 
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Equivalencias entre los 22 signos mágicos del alfabeto fenicio y los signos latinos posteriores. 
Nota legal: imagen de dominio público procedente de Wikimedia Commons publicada por Luca 
(2007). http://en.wikipedia.org/wiki/Phoenician_alphabet 


1.1.7. 
El alfabeto griego: la adaptación 


En Grecia y su área de influencia se utilizaba la escritura al menos desde el siglo 


XVIII a. C. La cultura minoica, con base en la isla de Creta, utilizó entre el 1800 


a. C. y el 1400 a. C. un silabario combinado con algunos signos logográficos 


conocido por los historiadores como Lineal A. En el periodo micénico, entre 


el 1600 a. C. y el 1100 a. C., se utilizará un sistema derivado de éste conocido 


como Lineal B. También era un silabario y estaba formado por 87 grafemas. 


Entre el año 1000 a. C. y el 800 a. C. (Vita, 2005, pág. 17), los griegos adopta- 


ron los caracteres del alfabeto fenicio para construir su propio alfabeto. Fue la 


primera adaptación al incluir las vocales y crear un alfabeto fonético completo 


que representaba gráficamente todos los sonidos. Para representar los sonidos 


vocálicos, los griegos utilizaron los caracteres consonánticos fenicios que no 


se utilizaban en su lengua. 


La expansión comercial y colonial griega extendió el uso de su alfabeto por el 


Mediterráneo. La influencia de las colonias griegas en la península Itálica es 


lo que llevará a los etruscos en el siglo VII a. C. a una adaptación propia con 


26 grafemas del alfabeto griego. Los romanos, pueblo itálico, harán su propia 


adaptación del alfabeto etrusco al mantener 21 caracteres y asentar las bases 


de lo que es nuestro alfabeto latino actual. 


Mucho más tarde, ya en el siglo X, los misioneros enviados por el Imperio 


bizantino para convertir a los pueblos eslavos adaptarán el alfabeto griego a 


las lenguas de éstos y crearán así el alfabeto cirílico que se utiliza para escribir 


el ruso y muchas otras lenguas del norte de Asia y el este de Europa. 
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También hay un número importante de grafemas del alfabeto griego que se 


utilizan en las notaciones científicas y matemáticas como alfa, beta, gamma 


o pi, entre otros. 


El alfabeto griego en el código HTML 


Letra 
Nombre 
Alfabetolatino 
HTML 


Α α 
Alfa 
A 
&alpha; 


Β β 
Beta 
B 
&beta; 


Γ γ 
Gamma 
C, G 
&gamma; 


Δ δ 
Delta 
D 
&delta; 


Ε ε 
Èpsilon 
E 
&epsilon; 


Ζ ζ 
Zeta 
Z 
&zeta; 


Η η 
Eta 
H 
&eta; 


Θ θ 
Theta 
- 
&theta; 


Ι ι 
Iota 
I, J 
&iota; 


Κ κ 
Kappa 
K 
&kappa; 


Λ λ 
Lambda 
L 
&lambda; 


Μ μ 
Mi 
M 
&mu; 


Ν ν 
Ni 
N 
&nu; 


Ξ ξ 
Ksii 
- 
&xi; 


Ο ο 
Òmicron 
O 
&omicron; 


Π π 
Pi 
P 
&pi; 


Ρ ρ 
Rho 
R 
&rho; 


Σ σ,ς 
Sigma 
S 
&sigma; 


Τ τ 
Tau 
T 
&tau; 


Υ υ 
Ípsilon 
V, Y, U, W 
&upsilon; 


Φ φ 
Fi 
- 
&phi; 


Χ χ 
Khi 
X 
&chi; 


Ψ ψ 
Psi 
- 
&psi; 


Ω ω 
Omega 
- 
&omega; 


Tabla comparativa de las letras del alfabeto griego, su nombre y equivalencias con otros alfabetos; el antecesor: el sumerio y 
uno de los predecesores: el latín. Hay que poner una atención especial en cómo se utilizan los nombres de los caracteres griegos 
para la nomenclatura del código HTML utilizado para la creación de páginas web. 
Nota legal: © Licencia Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada en Wikimedia Commons. 
http://ca.wikipedia.org/wiki/Alfabet_grec 


Deformación gamma, uno de los muchos 
ejemplos que se pueden encontrar en el uso 
de caracteres griegos en ámbitos tecnológicos 
y científicos. 
Nota legal: © Matsoftware (2006). Creative 
Commons Reconocimiento Compartir Igual 
3.0-es. Publicado en Wikimedia Commons. 
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1.1.8. 
El alfabeto romano 


Así pues, los romanos tomaron el alfabeto etrusco, derivado del griego, para 


escribir su lengua, el latín. El alfabeto romano inicial tenía 21 grafemas y hacia 


el siglo I d. C., coincidiendo con la invasión romana de Grecia, se consolida un 


alfabeto de 23 grafemas que perdurará durante toda la dominación romana. 


El alfabeto romano no tenía un grafema diferenciado para los sonidos /u/ y / 


v/ (para los que se utilizaba la letra V) ni tampoco para los sonidos /i/ y /j/ 


(para los que se utilizaba la I). 


La expansión imperial romana convirtió al latín y su alfabeto en lengua y 


sistema de escritura oficiales de todo el Mediterráneo. No obstante, en la parte 


oriental del Imperio se mantuvo el griego como lengua de uso y, con la división 


del imperio en el siglo IV, pasará a ser el alfabeto oficial del Imperio romano 


oriental o Imperio bizantino. 


El alfabeto romano no tenía nuestra diferenciación actual entre mayúsculas 


y minúsculas; sus 21 grafemas correspondían a las letras capitales que ahora 


son nuestras mayúsculas. Utilizando este alfabeto, los romanos usaron tres 


sistemas ligeramente diferentes de escritura (Perfect, 1994, pág. 11): 


• 
Quadrata: letras capitales de forma cuadrada que se tallaban sobre piedra. 


Tenía una estructura fuertemente geométrica basada en el cuadrado y el 


círculo, que responde a la voluntad de monumentalidad que requería su 


uso en los edificios de obra religiosa o civil. El cincelado de las líneas sobre 


la piedra daba lugar a los acabados terminales que hoy conocemos como 


serifas. 


• 
Rústica: utiliza una forma más sencilla e informal de dibujar las letras con 


pluma o pincel. Se desarrolla a partir del siglo I d. C. y responde a la nece- 


sidad de expansión de la escritura sobre nuevos soportes. Por influencia de 


la herramienta, los trazos verticales son más delgados que los horizontales. 


• 
Uncial o cursiva: este antecedente de las minúsculas responde a la nece- 


sidad de la escritura rápida con pluma, así los trazos se redondean, la prác- 


tica caligráfica liga los grafemas entre sí y algunas letras –como la b, la d o 


la p– muestran trazos ascendentes y descendentes. 


La aparición de las formas rústica y uncial no arrinconó el uso de la forma 


quadrata, que se mantenía en el uso monumental o para dar formalidad y 


relevancia a los documentos. 


Referencia bibliográfica 


C.Perfect (1994). Guía com- 
pleta de la tipografía. Manual 
práctico para el diseño tipográ- 
fico (ed. original 1992). Barce- 
lona: Blume. 
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Tumba de un legionario romano. Reproducción 
de la inscripción CIL XIII, 8079 de Bonna 
(Bonn, Alemania) del parque arqueológico 
de Vetera. Ejemplo de la escritura quadrata 
cortada sobre piedra. 
Nota legal: © AdMeskens (2009). Creative 
Commons Reconocimiento Compartir Igual 
3.0-es. Publicada en Wikimedia Commons. 


1.1.9. 
La reforma carolingia sobre el alfabeto romano 


El reinado de Carlomagno (768-814) es conocido como época del Renacimien- 


to carolingio: un resurgimiento de la cultura, la religión y las artes latinas. 


Carlomagno es considerado el padre de Europa, ya que su imperio unificó por 


primera vez la mayor parte de Europa Occidental; estableció una identidad 


europea común y asentó las bases de lo que se convertirá en la Europa Occi- 


dental de la Edad Media. 


En aquella época, se quisieron estandarizar todos los textos eclesiásticos. Hacia 


el año 800 d. C., los monjes fueron los responsables de llevar a cabo este hito: 


reescribir todos los textos. Se diseñó una escritura específica para los escritos 


que incluía mayúsculas y minúsculas. Estas últimas trascendieron como las 


minúsculas carolingias o minúsculas carolinas y se convertirían en la base de la 


caligrafía posterior y, con el tiempo, de la tipografía. La reforma carolingia del 


alfabeto romano también reguló y consolidó la separación entre palabras, que 


hacía el texto mucho más fácil de leer. 
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Página extraída de Lorsch Gospels, uno de los muchos 
escritos realizados en la época del reinado de Carlomagno, 
impulsor de la cultura y salvaguardia de los escritos 
antiguos. 
Nota legal: imagen de dominio público procedente 
de Wikimedia Commons publicada por CristianChirita 
(2005). 


Una vez desaparecida el Imperio de Carlomagno aparece una nueva tendencia 


en la Europa medieval: toma fuerza el estilo de letra conocida como gótica 


o blackletter. Se trata de una evolución (hacia el siglo X) del alfabeto romano 


que resulta en una tipografía más rápida de escribir, comprimida y angulosa, 


que aprovechaba mejor los recursos escasos del pergamino y del papel. La letra 


gótica se extendió rápidamente por toda Europa en diferentes variantes (tex- 


tura, Littera Moderna, Littera Antiqua, minúscula de Niccoli y otros). Hasta unos 


400 años más tarde, en el Renacimiento italiano, y debido al interés por el 


arte clásico (griego y romano) no se recuperará la escritura carolingia, de cariz 


más humanista y de manuscrito, en contraposición con la excesivamente or- 


namentada y formalmente más compleja tipografía gótica. 


1.1.10. 
El alfabeto latino moderno 


El alfabetolatino o romanomoderno es uno de los alfabetos actuales más 


extendidos y utilizados. La dominación romana lo extendió por Europa y la 


posterior expansión colonial e imperial de las monarquías europeas lo exten- 


dería por todo el mundo. Debido a esta amplia difusión, muchas lenguas que 


no disponían de alfabeto lo acabaron adoptando. 
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En verde oscuro, las zonas donde se utiliza el alfabeto latino moderno y, en verde claro, uso del latín moderno 
que coexiste con otros alfabetos. Imagen de dominio público procedente de Wikimedia Commons publicada 
por Flrn en el 2008. 


Se trata de un sistema de escritura fonográfico, un alfabeto completo con gra- 


femas tanto para los sonidos vocálicos como para los consonánticos, que se 


escribe en líneas de izquierda a derecha y de arriba abajo de la página o sopor- 


te. Comparte el tronco común que, a través del alfabeto fenicio, lo conecta 


con formas de escritura egipcias, con otros sistemas de escritura actuales, tam- 


bién muy extendidos, como los alfabetos griego y cirílico o los abyads árabe 


y hebreo. 


Está formado por dos conjuntos básicos de 26 letras: las mayúsculas, que de- 


rivan de las capitales romanas, y las minúsculas, que derivan de la caligrafía 


carolingia. En conjunto, suman 52 caracteres a los cuales hay que añadir diez 


números y diversos símbolos, signos de puntuación y acentos utilizados en las 


diferentes lenguas que lo han adoptado como sistema de escritura. 


Sin embargo, no todos los alfabetos que derivan del latín son iguales. Unos 


tienen más letras que otros, hay variaciones, adaptaciones a cada lengua. Por 


ejemplo, el alfabeto inglés tiene 26 letras, mientras que el español tiene 27, ya 


que incluye la distintiva letra ñ. 


Es interesante observar que el conjunto de fonogramas que se utilizan para 


representar el sonido del habla se completa con otros signos logográficos, 


como los números o el signo de porcentaje % que representan conceptos, y 


silábicos, como el signo & por la conjunción latina et. 


1.2. Inicios de la tipografía 


1.2.1. 
Introducción histórica 


Se puede considerar el inicio de la tipografía con el nacimiento de la imprenta, 


en la época del Renacimiento, desde entonces estará en constante evolución. 


Esta evolución tipográfica va muy ligada a los acontecimientos históricos, so- 
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bre todo en el ámbito científico-técnico y sus avances, así como en los aconte- 


cimientos socioculturales, el arte y sus movimientos. Las tendencias irán pau- 


tando la evolución de las formas tipográficas. 


Se parte de una Europa medieval, donde las letras góticas tienen predominan- 


cia, pero enseguida surge el humanismo del Renacimiento, con una clara in- 


tencionalidad de retorno a la belleza clásica y la tipografía será un claro expo- 


nente de esta tendencia. 


En la época de la Revolución Industrial (siglo XVIII en Inglaterra), se da un 


cambio social importante, la aparición de nuevas clases sociales que provocan 


nuevos cambios sociales, éstos al mismo tiempo necesitarán de nuevos usos 


tipográficos. 


Se inicia la Modernidad, aparecen las vanguardias artísticas (finales del siglo 


XIX e inicios del XX), que harán de la tipografía, junto con la fotografía, un 


elemento representativo de la época. La sociedad se dirigirá hacia un progreso 


constante y cada vez más acelerado, entra en juego la llamada nueva tipografía, 


producto de la racionalización y funcionalismo del buen diseño, se tienen que 


cuidar las formas. 


Y finalmente entramos en las últimas décadas del siglo XX, con tendencias 


rompedoras: el posmodernismo y el deconstructivismo en pos de la vorágine 


tecnológica y digital. Nos encontramos ya en los inicios del siglo XXI, aún 


inmersos en esta acelerada evolución, donde términos como globalización u 


orden mundial están presentes en nuestras vidas y donde todo se diversifica a 


límites inimaginables, el hecho tipográfico también. 


1.2.2. 
El Renacimiento: la imprenta, empieza una nueva era 


El Renacimiento fue descrito por la historiografía moderna como el periodo 


de transición en el que se pasa de la Europa medieval y oscura a la Europa 


humanista e iluminada. El movimiento se originó en la Italia humanista de 


mediados del siglo XV y buscaba un retorno a los clásicos griegos y romanos 


con el fin de reencontrar al hombre en toda su esencia. Se promueve una nue- 


va sabiduría con un estudio de la naturaleza y del hombre, del universo. Los 


estudiosos, filósofos, artistas y científicos quieren un retorno a los textos anti- 


guos para conocer y comprender el presente. Personajes clave como Leonardo 


da Vinci, Nicolás Copérnico, Galileo o Johannes Kleper, entre otros, serán los 


abanderados de esta nueva era. 


Uno de los beneficios de este nuevo movimiento es que implica la necesidad de 


leer y escribir. Por todas partes surge la necesidad de escribir notas, no sólo para 


los creadores, sino también para la sociedad del momento. Proliferan las cartas 
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y manuscritos de todo tipo. El arte de la caligrafía va adquiriendo relevancia. 


Los maestros de caligrafía viajan por los pueblos para transmitir este nuevo 


arte que va tomando forma. 


En esta época es cuando Johannes Gutenberg (1400-1468) creará la primera 


imprenta con el uso de tipos móviles (1436), un proceso innovador que per- 


mite producir libros en serie sin la necesidad de escribir a mano. Resultó pues 


más rápido, económico y práctico, ya que los mismos tipos se pueden reutili- 


zar en otros textos. 


Tipos móviles de metal. Se creaban a partir de un molde, lo que facilitaba por una parte una mayor dureza que 
la madera y, por la otra, una mayor rapidez al crear nuevos a medida que se iban deteriorando. Muchos de los 
términos utilizados en la tipografía moderna provienen de los tipos móviles y sus características formales. 
Nota legal: © Willi Heidelbach (2006). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada en 
Wikimedia Commons. 


La Biblia de Gutenberg: ¿el primer libro impreso? 


Está documentado en la cultura china y coreana que ya en los siglos XII y XIII existía la 
imprenta; hay hojas individuales de papel impresas primero mediante relieves en madera 
de textos e imágenes y después incluso con tipos móviles. Todo esto existía ya mucho 
antes de la invención de la imprenta de tipos móviles de Gutenberg. Incluso se duda de 
si éste fue el primer europeo en utilizarla, ya que también se habla del impresor alemán 
Laurens Janszoon Coster como auténtico pionero. 


Así pues, sabemos que tanto los chinos como los coreanos ya sabían de tipos móviles, 
pero hasta el periodo del Renacimiento europeo este procedimiento no se popularizará. 
No se sabe a ciencia cierta si Gutenberg tenía o no conocimiento de estas antiguas técnicas 
tipográficas, pero lo que sí se puede afirmar es que fue el primero en inventar una técnica 
lo suficientemente ágil para conseguir una impresión masiva de libros de forma efectiva, 
a un coste muy inferior al que había hasta entonces. 


Su popular Biblia de Gutenberg fue el primer libro producido en masa: empezó a editarse 
el 23 de febrero de 1455, fecha que representa el inicio de la producción en masa de 
textos en Europa. A partir de ese momento los libros ya no estarían al alcance de unos 
pocos. La famosa Biblia se vendía en dos volúmenes por unos 300 florines cada uno, el 
equivalente a tres años de sueldo de un clérigo. No era en absoluto barata, pero sí lo es 
si se tiene en cuenta lo que se podía tardar en copiar una a mano, caso que se tuviera 
acceso a un original. 
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Las biblias de Gutenberg que han sobrevivido a los tiempos son reconocidas como los libros impresos más viejos, 
pero, de hecho, el libro más antiguo impreso con tipos móviles es el Jikji (abreviación de un documento coreano 
budista) publicado en Corea en 1377 y que actualmente se encuentra en la Biblioteca Nacional de París. Sin 
embargo, hay que destacar de nuevo que, a partir de la Biblia de Gutenberg, empieza una auténtica revolución 
cultural. 
A la izquierda, fotografía de The Korean Jikji: oldest movable type (1377). Imagen de dominio público procedente de 
Wikimedia Commons publicada con el permiso del Museo de la Imprenta Tradicional de Cheongju en el 2008. 
A la derecha, fotografía de la Biblia de Gutenberg (1455). Imagen de dominio público procedente de Wikimedia 
Commons publicada por Lunkwill en el 2004. 


Estos dos hechos, por una parte el humanismo renacentista y por la otra la 


rápida difusión de todo tipo de textos, originaron la creación de nuevas tipo- 


grafías que se adaptaran mejor a las necesidades de la época. Al principio, los 


primeros textos y libros utilizaban formas góticas, a imitación de las utilizadas 


en los manuscritos de la Europa medieval. Era un tipo de letra muy condensa- 


da y vertical, pensada para aprovechar al máximo el papel o pergamino. Según 


la zona, existen algunas variedades (rotunda, batarde), pero, en conjunto, el 


estilo gótico fue un estándar durante casi 500 años. Una vez entró con fuerza 


el humanismo, se leían los textos antiguos de los griegos y romanos. La mayo- 


ría eran manuscritos en letra carolingia de Alcuin, más abierta y redondeada 


que la gótica. Ésta se propagó rápidamente como la escritura más adaptada a 


la imprenta: se la llamó letra de estilo veneciano (conocido también con otros 


nombres como el Old Style o Scrittura Humanistica, entre otros). 


En la Europa de los siglos XV y XVI hay un interés por el reencuentro 


con las formas clásicas: es la época del Renacimiento italiano, cuando se 


vuelven a valorar los estilos romanos y griegos en detrimento del estilo 


medieval precedente; las tipografías humanistas van desplazando a las 


góticas. 


A la izquierda, fuente tipográfica Old English (1994) para Monotype. Las letras góticas actualmente 
se utilizan como elementos decorativos, en diplomas y títulos oficiales. Hay nuevas versiones que 
se inspiran en las originales de estilo gótico, como la que se ve en la imagen superior. Son de difícil 
lectura, muy ornamentadas y pesadas visualmente. 
A la derecha, fuente tipográfica Optima (1958) de Hermann Zapf. Las letras humanistas 
se contraponen a las góticas al ser más suaves, más abiertas y redondeadas. Hay una clara 
intencionalidad de ser más próximas, más humanas y de fácil lectura. 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


¿Realmente era un 
retorno a los clásicos? 


La intención de los renacentis- 
tas era un retorno a la cultu- 
ra clásica, romana y griega, de 
aquí la voluntad de imitar to- 
dos sus estilos, incluyendo la 
tipografía. Pero, de hecho, se 
tomaba una referencia histó- 
rica equivocada, dado que to- 
maban la tipografía carolingia 
de los manuscritos antiguos 
como modelo de cómo se ha- 
brían escrito los textos de la 
antigua Grecia y Roma, cuan- 
do de hecho eran las transcrip- 
ciones de aquellos textos an- 
tiguos, no los originales. Los 
textos originales se habían es- 
crito en un tipo de signo, sis- 
tema de puntuación y soporte 
muy diferente. 


CC-BY-SA • PID_00158259 
27 
Escritura y tipografía 


1.2.3. 
Los primeros tipógrafos 


En 1465, dos impresores alemanes, Conrad Sweynheym y Arnold Pannartz, 


fundan una imprenta en Italia. Así como Gutenberg siguió el modelo de la 


escritura gótica para sus impresiones, éstos optaron por seguir como modelo 


la nueva tendencia de la escritura humanística. En 1469, el alemán Johannes 


Spira (llamado originalmente Johann von Speyer, ??-1470) será el primero en 


abrir una imprenta en Venecia y utilizar fuentes tipográficas de estilo más hu- 


manista, de una calidad destacable, con diseño de tipos más conseguidos, más 


finos. A su muerte, el francés Nicholas Jenson (1420-1480) se hará cargo de 


su imprenta y se convertirá en una figura relevante dentro de la historia de la 


tipografía por la elaboración de tipografías humanísticas estéticamente muy 


conseguidas para la época. 


Otros tipógrafos humanistas destacados del momento fueron el italiano Aldo 


Manunccio (1450-1515), humanista e impresor fundador de la imprenta Aldi- 


na, junto con su colaborador Francesco Griffo (1450-1518), experto grabador. 


En 1501, funden los primeros tipos itálicos y por eso son reconocidos como los 


creadores de la primera tipografía de estilo itálico que utiliza unos caracteres 


en cursiva que toman como referencia la inclinación y las formas que adopta 


la escritura caligráfica. Estas primeras fuentes itálicas tenían como referencia 


la letra que se utilizaba en la cancillería papal. La adecuan para imprenta de 


tal manera que ahorran bastante espacio, ya que con la cursiva, al tener los 


caracteres más estrechos, hay un mayor número de palabras por hoja y así se 


abaratan costes y los libros resultan más económicos y al alcance de todo el 


mundo. Sólo se realizó la cursiva en caja baja (minúsculas). 


La edición aldina: el libro de bolsillo 


Aldo Manuccio y Francesco Griffo con su fundición-imprenta Aldina representan una 
importante innovación en el mundo de la edición del libro: le disminuyen el formato 
y crean lo que se conoce como formato Enchirridi forma (aproximadamente el tamaño 
actual estándar de un libro de bolsillo). Tuvo un gran éxito y aceptación, era conocida 
como edición aldina, muy práctica para poder llevar los libros de viaje o para pasear. El 
libro ya no es un objeto estático, se adapta a las necesidades tanto económicas como 
funcionales de la población del momento. 


¿Spira o Jenson? 


Cabe indicar que, a pesar de 
no poder demostrarse con 
exactitud, se cree que Jenson 
creó muchas tipografías to- 
mando como modelo las ori- 
ginales creadas por Johannes 
Spira y dejó como legado una 
serie de bellas tipografías hu- 
manistas-romanas que serán 
las precursoras de muchas 
otras posteriores. 
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Muestra de una de las ediciones aldinas tan populares de 
la época: Della vera tranquillità dell'animo de Isabella Sforza 
(1548). Aldo Manunccio la creó sobre todo pensando en 
producir libros a bajo coste para los estudiantes. Podemos 
apreciar que las llamadas ediciones aldinas se reconocían 
por una marca: un delfín y un ancla. 
Nota legal: imagen de dominio público procedente de 
Wikimedia Commons publicada por Arianna (2009). 


La Bembo 


Las fuentes tipográficas creadas en la época renacentista serán muy imitadas, mejoradas 
y transformadas en un futuro por nuevos tipógrafos y fundidoras. La mayoría será una 
referencia digna de seguir, al igual que los tipógrafos humanistas tuvieron como base la 
escritura de los manuscritos carolingios. 


Fuente tipográfica Bembo (1929) de Stanley Morison 
(1889-1967) creada por la fundidora Monotype 
Corporation. La Bembo es una de las tipografías más 
reconocidas, basada en la tipografía de Francesco Griffo 
en 1495 para una edición de la obra Aetna de Pietro 
Bembo, de donde proviene su nombre. 
Nota legal: visualización de la fuente tipográfica extraída 
de http://www.identifont.com. 


Hay que destacar especialmente en este subapartado la aportación relevan- 


te del tipógrafo francés Claude Garamond (1480-1561), que se convierte en 


el primer tipógrafo independiente, es decir, en creador de tipos móviles para 


otros impresores o fundidoras. Él separó la profesión del tipógrafo de la de 


impresor. Fuertemente influido por el creciente humanismo de la época, creó 


diferentes tipografías romanas, donde el dibujo del trazo recuerda más el pun- 


zón utilizado por los tipógrafos que la pluma caligráfica utilizada en los ma- 


nuscritos. Su fuente tipográfica más reconocida será la conocida con el mismo 


nombre del creador, la Garamond, de tipo humanista. Vemos una voluntad 


de volver a los clásicos, utilizando las formas características de la minúscula 


carolingia del siglo IX en la caja baja, en combinación con las letras de caja 
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alta basadas en las inscripciones sobre piedra de los romanos. Es una fuente 


todavía en uso. Otras fuentes destacadas de tipo humanista serían la Bembo, 


la Caslon, la Dante, la Janson, la Jenson y la Palatino, entre otras. 


A la izquierda, vemos la Garamond classic (1499) creada por Claude Garamond. Esta fuente ha sido 
rediseñada en varias ocasiones. Destaca la de 1989 de Robert Slimbach (a la derecha de la imagen) 
creada para Adobe: una tipografía que utiliza como base la romana Garamond original y la cursiva 
del colaborador de Garamond, Rober Granjon (diseñó una de las primeras cursivas pensadas para 
combinar con las romanas). 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


1.2.4. 
Tipógrafos del norte de Europa 


La impresión también se desarrolla con fuerza en el norte de Europa. Primero 


se vuelve importante en Holanda, con las conocidas como familias tipográficas 


Elzevir que vendrían a ser de tipo garaldas o romanas antiguas, una serie de 


publicaciones de la época, griegas y hebreas, creadas por la familia de libreros e 


impresores holandeses de origen árabe que, a lo largo del siglo XVII e inicios del 


XVIII, publicarán una serie de libros con fuentes tipográficas de gran calidad, 


elegancia en los caracteres, claridad y regularidad tipográfica. Se obtiene un 


gran reconocimiento por la utilización de fuentes tipográficas de gran belleza, 


elegancia y al mismo tiempo de óptima legibilidad a lo largo del siglo XVIII, 


un ejemplo serían las fuentes diseñadas por Anton Janson (1620-1687), entre 


otros. 


En el siglo XVIII, Inglaterra irrumpe con fuerza en la historia de la creación del 


tipo de la mano de tipógrafos como William Caslon (1692-1766) y su prede- 


cesor John Baskerville (1706-1775). 


William Caslon es el primer diseñador inglés relevante dentro de la historia 


de la tipografía. Sus creaciones reciben una influencia directa de la tipografía 


holandesa. Éstas se propagaron rápidamente por todo el mundo anglosajón y 


por la América del siglo XVIII. Es precursor de las tipografías de transición que 


dan paso a las tipografías romanas modernas posteriores. 


La fuente tipográfica bautizada con su nombre, la Caslon, creada en 1725, fue 


la escogida por Benjamin Franklin para la primera impresión de la Declaración 


de Independencia de los Estados Unidos de América y la primera Constitu- 


ción. Después de un periodo de olvido, la Caslon ha tenido un renacimiento, 


gracias al movimiento Arts&Crafts de finales del siglo XIX (con una voluntad 


de retorno a los clásicos). Varias fundidoras de la época moderna elaborarán 
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diferentes versiones. Entre los impresores de la época se decía que "en caso de 


duda: utiliza la Caslon". Se usa mucho en la impresión de libros y actualmente 


también existe de ella una versión digital. 


Representación: muestra de uso de la fuente tipográfica 
Caslon. 
La Caslon (1725) es una tipografía creada por William 
Caslon inspirada en las tipografías holandesas del siglo 
XVII. Se caracteriza por ser una tipografía muy cálida, 
confortable a la vista y con un nivel de legibilidad alto. La 
clasificaríamos dentro del grupo romanas de transición, 
con astas pronunciadas y modulación acentuada, con 
terminales oblicuos. 
Nota legal: imagen de dominio público procedente de 
Wikimedia Commons publicada por Nanosmile (2005). 


El también John Baskerville, muy influenciado por la obra de Caslon, miem- 


bro de la Royal Society of Arts y gran innovador, creará destacadas fuentes 


de marcado contraste entre los trazos gruesos y los finos, así como una mo- 


dulación vertical o casi vertical, por lo que resultarán tipografías de gran deli- 


cadeza. Serán utilizadas tanto en textos de libros como en grandes formatos: 


letreros o pancartas. Baskerville cuidaba todos los detalles, así creó un papel 


nuevo, más suave para conseguir mejores resultados en la impresión; también 


aportó otras innovaciones dentro del procedimiento de las planchas. Es cono- 


cido como uno de los precursores de las tipografías clasificadas como romanas 


de transición. Más tarde, en los años 20, tendrá importantes admiradores de 


sus creaciones como los tipógrafos Fournier y Bodoni. Ya en la época moderna 


algunas de las más famosas fundiciones como Linotype o Monotype harán 


nuevas versiones de sus creaciones, serán las llamadas fuentes tipográficas de 


tipo Baskerville. 


Fuente tipográfica Baskerville (1757) de tipo romana de 
transición, creada por John Baskerville, que representa 
una mejora de las fuentes creadas por Caslon al acentuar 
el contraste entre los trazos finos y gruesos y afinar 
todavía más los terminales, suavizar las curvas y obtener 
una ondulación más vertical. Resulta una fuente muy 


Referencia bibliográfica 


G.Bodoni (1818). Manuale 
tipográfico. Parma: Preso la 
Vedova. 
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consistente con los tamaños y las formas de sus caracteres. 
Se reconoce fácilmente gracias a la peculiar forma de la Q 
en caja alta, con una cola muy prolongada. 
Nota legal: visualización de la fuente tipográfica extraída 
de http://www.identifont.com/. 


Romain du Roi 


A finales del siglo XVII, el tipógrafo Philippe Grandjean (1666-1714) recibió el encargo de 
crear una tipografía exclusiva para la imprenta del rey francés Luis XIV. En 1692, se creó 
la tipografía conocida como la Romaine du Roi (romana del rey) con la peculiaridad de 
que no podía ser utilizada por ninguno impresor aparte de los reales. Era una tipografía 
de tipo humanista, pero con unas características un tanto diferentes de las realizadas en 
la época. Los tipógrafos franceses querían copiarla, con más o menos éxito, pero quien 
la pudo adaptar mejor y popularizar fue sin duda Baskerville. 


Philippe Grandjean, con la colaboración de reconocidos filósofos, matemáticos 
y otros estudiosos del momento, creó una fuente romana considerada ideal 
para los escritos y publicaciones del rey, la Romain du Roi. 
Nota legal: imagen de dominio público. 


1.2.5. 
El refinamiento tipográfico 


Volvamos al continente europeo, concretamente a Francia, con familias tipo- 


gráficas notables como las diseñadas por Pierre Simon Fournier (1712-1768) 


y François-Ambroise Didot (1730-1804), y a Italia con las de Giambattista Bo- 


doni (1740-1813) como las más destacadas de la época barroca del siglo XVIII. 


En Europa, se persigue una elegancia total de las formas tipográficas, se crean 


tipos con unos contrastes extremos entre los trazos finos y gruesos, tal como 


inició Baskerville. También se incorporan toda una serie de ornamentaciones 


muy elaboradas en los escritos de tipo rococó y barroco (como florituras o ce- 


nefas). En esta época es cuando se consigue un refinamiento extremo en el 


diseño editorial de páginas y fuentes tipográficas. 
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El tipógrafo francés Fournier destacó sobre todo por su estilo claramente ro- 


cocó, con elegantes creaciones de iniciales y florituras. Didot, influido tan- 


to por Baskerville como por Fournier y también Bodoni, se convertirá en un 


creador tipográfico muy importante. Junto con Bodoni, será el creador de 


muchas fuentes tipográficas llamadas de tipo romanas modernas o conocidas 


también como didonas, término que acuñará el historiador Maximilen Vox 


(1894-1974) por contracción de los apellidos Didot y Bodoni, fuentes con un 


claro contraste entre los trazos (finos y gruesos), de más verticalidad y con- 


densación de los tipos. Serán fuentes tipográficas muy aceptadas para todo ti- 


po de diseñadores e impresores de la época y posteriores a pesar de tener una 


aplicación digital complicada, pues se pierde definición de los trazos al estar 


muy contrastados. 


Giambattista Bodoni (1740-1813) fue un prolífico creador de fuentes tipográ- 


ficas, creó cerca de un centenar. En sus creaciones iniciales, hay una clara in- 


fluencia de Baskerville, pero con el paso del tiempo las irá perfeccionando y 


llegará a los extremos más radicales. Gracias a un esmerado dominio de la téc- 


nica de impresión, Bodoni introduce mejoras en todo el proceso (tinta, papel, 


por ejemplo) con el fin de conseguir un contraste absoluto entre los trazos así 


como una finura extrema de sus terminales. Sus diseños de páginas rehúyen 


cualquier ornamentación demasiado cargada, al contrario, quiere un diseño 


limpio, plano, que refleje la pureza y perfección de los materiales utilizados. 


Sus tipografías se clasifican dentro de las llamadas romanas modernas o dido- 


nas. 


Vemos dos tipos de diseño editorial de la época. Por una parte, tenemos el estilo de Bodoni a mano 
izquierda, donde impera la falta de ornamentación y con una clara preferencia por los espacios 
vacíos (blancos). Por contra, vemos en la página de la derecha una propuesta de diseño muy 
diferente, con un estilo muy recargado en la ornamentación, lleno de florituras típicas del diseño 
editorial de la época barroca y rococó. 
Nota legal: imágenes de dominio público. 


1.2.6. 
La Revolución Industrial 


En la Europa de finales del siglo XVIII e inicios del XIX da comienzo la llamada 


Revolución Industrial. Ésta nace en Gran Bretaña y se expande por el resto del 


continente europeo. En esta época, una serie de avances tecnológicos (como 


la máquina de vapor, los transportes, la maquinaria textil o la metalúrgica) 


El punto de medida 
tipográfica didot 


François-Ambroise Didot, alre- 
dedor del año 1780, adaptó el 
sistema de puntos para medir 
los tipos según su amplitud. 
Un punto era 1/72 de la pul- 
gada francesa (antes del siste- 
ma métrico). Esta unidad de 
punto será conocida más tar- 
de como didot. Fue la medida 
más utilizada en el continente 
europeo y en algunas colonias, 
así como en toda América Lati- 
na. En 1973, fue estandarizada 
por la Unión Europea en el sis- 
tema métrico por el equivalen- 
te a 0,375 milímetros. Sin em- 
bargo, en los países de cultura 
anglosajona el punto sigue re- 
firiéndose a la pulgada inglesa, 
más pequeña. 


Romanas modernas y 
didonas 


El francés Didot, junto con Bo- 
doni, se integra en una nue- 
va corriente tipográfica llama- 
da moderna. Paralela a la acti- 
tud modernista vigente de la 
época, este estilo fue el están- 
dar en las publicaciones e im- 
presiones hasta bien entrado 
el siglo XIX. Su clasificación co- 
mo romanas modernas o tam- 
bién conocidas como didonas 
modernas, nos indica que son, 
de hecho, una evolución de las 
romanas antiguas, que se ins- 
piraban o pretendían inspirar- 
se en los textos de los clásicos 
latinos. La clasificación de la 
ATypl (Association Typograp- 
hique Internationale) de 1962 
las llama didonas, siguiendo la 
propuesta del historiador Ma- 
ximilan Vox. 
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permitirán pasar de una producción lenta y artesanal a otra rápida y en serie. 


Hay una aceleración de los procesos y eso también afecta a la impresión. Sin 


embargo, vemos el handicap de las ilustraciones: los dibujos se ponían aparte, 


tenían que ser grabados a mano. Así, todo el proceso se encarecía y moderaba 


el procedimiento de impresión. 


Hasta la invención del sistema de la litografía no existirá la posibilidad 


de poder combinar tipografías e ilustraciones sin restricciones. Enton- 


ces, nace una impresión más libre, se reduce el tiempo de ejecución y 


aumenta la posibilidad de ampliar la gama de tipos así como las familias 


tipográficas. 


La litografía 


Etimológicamente litografía proviene del griego antiguo, de la combinación de los tér- 
minos lithos (piedra) y graphe (dibujo, escritura), que dan "escribir sobre piedra". Es una 
técnica de impresión a base de placas de piedra creada por el alemán Alois Senefelder 
en 1796 en Baviera. Este sistema se inventó para la reproducción de las notas musicales, 
pero, por el gran avance que representaba, posteriormente se expandió hacia otros usos, 
sobre todo en la impresión artística. 


La litografía se basa en un procedimiento químico que crea la imagen mediante un siste- 
ma de negativo/positivo. Más tarde, con la aparición de las rotativas se utilizan láminas 
más operativas de metal e incluso de plástico. Con la incorporación de la fotolitografía, 
estas planchas dejan de ser un trabajo artesanal al poder realizarse reproducciones foto- 
gráficas exactas. También se evolucionó con la reproducción del color (la cromolitogra- 
fía) que, mediante tres placas con los tres colores primarios, se podía representar una 
imagen en varios colores. 


Todas las tipografías diseñadas con anterioridad a la invención de la litografía 


y su aplicación gráfica parecen estar un tanto fuera de lugar. Se quería una ti- 


pografía más libre de formas, mayor, más llamativa; se quería huir de la mono- 


tonía, de lo establecido. Nace así un nuevo estilo tipográfico, la negrita (bold). 


Otra de las innovaciones que se introduce en la tipografía durante el siglo XIX 


es la producción de un tipo de fuente que tiene como principal rasgo distinti- 


vo unas serifas cuadradas y en forma de bloque. Son las conocidas como las 


egipcias (no confundir con la tipografía de Caslon, la English Egypcian), cua- 


dradas o de terminal en bloque (Slab-serif o Square-serif). Estas tipografías se 


caracterizan por no tener contraste entre el grueso de sus trazos, de modula- 


ción vertical y con terminales marcadamente horizontales del mismo grueso 


que las astas. Este hecho, y la elevada altura de su "x", le dan un aspecto muy 


monótono, como si todas las letras estuvieran igualmente encuadradas. Sur- 


gen para utilizarse en la rotulación y publicidad, por su gran impacto visual. La 


Clarendon es la familia tipográfica más relevante de esta corriente tipográfica. 


Prensa litográfica del taller de Baviera de 
Alois Senefelder. Este invento, junto con el 
de la fotografía, promoverá un cambio muy 
importante en el siglo XIX dentro del mundo de 
las artes, especialmente dentro del cartelismo 
publicitario; la mayor parte de estas obras se 
producen Europa y en los Estados Unidos. 
Nota legal: © Chris73 (2006). Creative 
Commons Reconocimiento Compartir Igual 
3.0-es. Publicada en Wikimedia Commons. 
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La fuente tipográfica Clarendon (1845) es una de las 
tipografías más representativas del estilo llamado egipcio; 
es una fuente creada por Hermann Eidenbenz para la 
Clarendon Press de Oxford. Son familias tipográficas de 
gran impacto visual, contundentes y pesadas, se suelen 
combinar con las tipografías modernas para contrastar 
con el titular del contenido. El nombre de egipcias 
proviene del gusto por los viajes exóticos de la época, 
no toma en absoluto connotaciones estilísticas del arte 
egipcio. También se conocen como Slab-serif, Square-serif 
o Clarendon. 
Nota legal: visualización de la fuente tipográfica extraída 
de http://www.identifont.com. 


También en este siglo XIX se llega a crear una fuente tipográfica sin trazos ter- 


minales o serifas; se llama la sans-serif, de palo seco o lineal. Cabe decir que en 


un inicio no tuvo demasiada buena aceptación por parte de los tipógrafos de la 


época: decían que le faltaba finura, armonía y belleza en comparación con las 


romanas. Las tildaron de grotescas y góticas. La denominación de góticas tam- 


bién se justifica por tener un peso y presencia de negro destacable (mancha) 


equiparable a las góticas de Gutenberg, a pesar de resultar más fáciles de leer 


para un lector actual. Estas nuevas tipografías se utilizan principalmente para 


los titulares de los letreros de la época. Se diseñaban solamente en caja alta. 


Sobre la sans-serif 


La primera fuente tipográfica considerada de palo seco es la llamada English Egyptian 
(1816) de William Caslon IV, bisnieto de William Caslon I. Es importante no confundir 
el adjetivo que se utiliza en el nombre de la tipografía (Egypcian) con el nombre del estilo 
para tipografías Slab-serif. 


Cabe decir que no era la primera vez que se ve una tipografía sans-serif: de hecho, se 
pueden documentar con anterioridad varias inscripciones latinas, etruscas y griegas, así 
como en algunas fundidoras del siglo XVIII. 


En la primera década del siglo XX empezarán a crearse nuevas tipografías grotescas, ya con 
fuentes completas (caja alta y caja baja), sobre todo para el cartelismo y la propaganda 
vigentes de la época. Años más tarde, en la época de los ordenadores, las tipografías sans- 
serif volverán a tener mucha importancia, pues serán consideradas las más óptimas para 
visualizarse en pantalla, ya que los finos detalles de sus terminales pierden calidad y 
definición debido a la baja resolución de las primeras pantallas. 


1.2.7. 
Cambio de siglo: nueva mentalidad 


Hay que destacar de esta época de cambio de siglo la relevancia que el movi- 


miento victoriano Arts&Crafts tuvo en Inglaterra. Este movimiento nació co- 


mo reacción contrapuesta a un arte sobrecargado de la época victoriana, fruto 


de la primera producción seriada de objetos de consumo. Se quería volver a la 


artesanía sin ir en contra de la modernidad creciente del momento. Centrado 


sobre todo en el ámbito de la arquitectura, las artes decorativas y la artesanía 


(porcelana, mobiliario, objetos ornamentales), abogaba por una artesanía de 


calidad y buen diseño mediante la simplicidad de sus elementos. Existía la 


creencia de que el buen hacer en la producción del arte podía ayudar a refor- 


mar y mejorar la sociedad, es decir, el arte podía mejorar la calidad de vida. 


La fuente tipográfica Copperplate Gothic 
(1905) es una clara muestra del movimiento 
Arts&Crafts. Características como la elegancia y 
la simplicidad en las formas son protagonistas. 
Fue creada por Frederic W. Goudy y Clarence 
Marder solamente en caja alta. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 
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El artista y arquitecto William Morris (1834-1896) fue uno de los grandes ex- 


ponentes de este estilo. Se inició una época donde se reivindica la artesanía 


por encima de la creación banalizada en serie. Sin embargo, se quiere un arte 


al alcance de todo el mundo. También hay que destacar otras figuras como 


Charles Rennie Mackintosh (1868-1928) y Frank Lloyd Wright (1867-1959), 


entre otros. 


La época victoriana 


El esplendor en la Revolución Industrial es paralelo a la época de máxima relevancia 
del Imperio británico y sus potentes colonias. Este periodo coincide con el reinado de 
la reina Victoria (de 1837 a 1901). A lo largo de estos años, existe en la sociedad una 
estricta moralidad y normas de conducta muy establecidas. Hay un cambio importante, 
especialmente en Inglaterra, por el que surgen nuevas clases sociales y se pasa de una so- 
ciedad aristócrata terrateniente y agrícola a una sociedad cada vez más urbana, burguesa 
y proletaria. Los nuevos ricos buscan una distinción en su manera de vivir: construcción 
de grandes casas de estilo neogótico (hay un retorno al estilo gótico de inspiración me- 
dieval), realización de viajes exóticos y exuberante ornamentación de los hogares, entre 
otros. Quieren distinción, glamur y elegancia, a pesar de que la mayoría no tienen una 
formación sólida para conseguirlo. Surgen una serie de estilos poco valorados artística- 
mente, como el kistch, con un cuestionable sentido de la creatividad y la originalidad. 
De hecho, es más una tendencia del momento que un estilo en sí mismo. 


Postal de Navidad de estilo victoriano (circa 1870). 
Nota legal: © IndianCaverns (2008). Creative Commons 
Reconocimiento Compartir Igual 3.0-es. Publicada en 
Wikimedia Commons. 


William Morris y la popularización en el arte 


El artista inglés William Morris (1834-1896), escritor y ferviente activista socialista, es 
uno de los principales fundadores del movimiento Arts&Crafts, más reconocido como 
diseñador de motivos en papel y objetos decorativos. Junto con otros artistas de la época, 
clamaba por un retorno al buen hacer de la artesanía y quería restablecer la conexión 
entre los objetos de arte y sus creadores. Pretendía que el arte fuera accesible a todo el 
mundo, tenía la intención de hacer llegar la cultura a los lugares más bajos de la sociedad, 
pero se dio una contradicción en el resultado, ya que los productos que promovía eran tan 
elaborados en su fabricación que solamente las clases acomodadas los podían adquirir. 


Entre 1891 y 1898 fundó en Londres la Kelmoscott Press con la intención de producir 
ejemplares de libros de óptima impresión y un trabajado diseño editorial con cuidadas 
ilustraciones. Representará una guía que se debía seguir para futuras publicaciones de la 
época. 
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Cabe destacar, entre otros, la obra The works of Geoffrey Chaucer (1896), considerada uno de los 
libros más bonitos jamás editados. Kelmscott Press fue la editorial encargada. 
Nota legal: imagen de dominio público. 


Cabe decir que Morris creó también varias fuentes tipográficas: primero la Roman Gol- 
den, inspirada en los inicios de la tipografía humanista veneciana de Nicolaus Jenson, y 
después la Troy con su posterior evolución, la Chaucer, las dos de estilo gótico. 


Destacamos a un tipógrafo a caballo entre los dos siglos, el americano Morris 


Fuller Benton (1872-1948), creador de casi medio centenar de fuentes tipográ- 


ficas, de las que subrayamos dos: la conocida y aún actualmente utilizada por 


muchos diseñadores Frankling Gothic y la Century Schoolbook. La primera 


fue diseñada por encargo de la American Type Founders (ATF) en 1904; se 


trata de una de las primeras fuentes grotescas (de palo seco, sin remates) que 


presenta un aspecto monótono, el contraste de las astas es sutil y su variedad 


de gruesos le ofrece una gran versatilidad, por lo que el resultado es una fuen- 


te ideal para la prensa escrita. La segunda, diseñada en 1919, proviene de la 


fuente Century (1906) de su padre, Linn Boyd Benton, que la diseñó para la 


revista del mismo nombre, Century. En esta tipografía, se aprecia una utiliza- 


ción de caracteres muy finos para adaptarse mejor a las columnas estrechas de 


la publicación. Resulta muy legible en diarios y revistas y su evolución tendrá 


lugar en la tipografía posterior Century Schoolbook, que es más redondeada, 


abierta y robusta, con serifas y de muy buena legibilidad. 


1.2.8. 
El modernismo: los inicios del arte comercial 


Como ya hemos comentado anteriormente, uno de los inventos que afectó 


de forma directa a la tipografía fue la litografía (1796), dado que permitía una 


velocidad de impresión considerable y a un bajo coste. Este hecho provocó la 


viabilidad en procesos de producción de letreros publicitarios en serie y tam- 


bién permitió la impresión en varios colores. Nos encontramos en los inicios 


del cartelismo como arte comercial: sus pioneros más ilustres los podemos en- 


contrar en las figuras de artistas relevantes de diferentes nacionalidades como 


el alemán Thomas Theodor Heine (1867-1948), el francés Henri Toulouse-Lau- 


trec (1864-1901) y el checo Alfons Mucha (1860-1939), entre muchos otros. 


Fuente tipográfica Century Schoolbook (1919) 
de Morris Fuller Benton, muy utilizada para la 
impresión de los libros escolares de la época 
por su óptima legibilidad. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 


La American Type 
Founders (ATF) 


Hasta finales del siglo XIX, con- 
cretamente en el año 1892, 
no se crea la American Type 
Founders, más conocida por 
las siglas ATF. Es la fusión de 
23 fundidoras tipográficas pa- 
ra formar la compañía más re- 
conocida dentro del mundo ti- 
pográfico con la creación de 
un gran número de tipografías 
de alta calidad artística y técni- 
ca. Allí trabajarán varios tipó- 
grafos prestigiosos, la mayo- 
ría por encargos específicos. 
El tipógrafo Morris Fuller Ben- 
ton (1872-1948) será su direc- 
tor de diseño durante más de 
treinta años (1900-1937). 
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Tres ejemplos de cartelismo modernista de principios del siglo XX. 
A la izquierda, cubierta de la revista Simplicissimus, ilustración de Thomas Theodor Heine (Alemania, 1910). Nota 
legal: imagen de dominio público procedente de Wikimedia Commons publicada por Stomme (2008). 
En el centro, Moulin Rouge-Le Goulue de Toulouse-Lautrec (Francia, 1891). Nota legal: imagen de dominio público 
procedente de Wikimedia Commons publicada por Poulos (2007). 
A la derecha, Maude Adams (1872-1953) como Juana de Arco de Alfons Mucha (Estados Unidos, 1909). Nota legal: 
imagen de dominio público procedente de Wikimedia Commons publicada por Grendelkhan (2007). 


La mayoría de estos artistas del cartelismo los podemos incluir dentro del esti- 


lo conocido como modernismo: arte modernista (en Cataluña), art nouveau (en 


Francia, el Reino Unido, Bélgica y los Estados Unidos), Jugendstil (en Alemania 


y Escandinavia) o Sezession (en Austria). Dependiendo del lugar geográfico, 


encontraremos diferentes terminologías y también características propias de 


cada uno, pero en todas ellas encontramos el componente de una intencio- 


nalidad cosmopolita, una búsqueda de la funcionalidad y del progreso; a tal 


fin se diseñan rompedoras tipografías que huyen del clasicismo, de las formas 


establecidas hasta entonces. Hay muchas y diversas. 


Movimientos modernistas 


El modernismo lo podemos definir como un movimiento que bebe de varios estilos: el 
barroco, el arte oriental (sobre todo el japonés) y el arte clásico. Es rompedor con el arte 
tradicional europeo y quiere reflejar la Belle époque de principios del siglo XX. Sus caracte- 
rísticas formales serían la ausencia total de líneas y ángulos rectos, formas sinuosas, cur- 
vas sin fin. Toma la naturaleza como modelo que debe seguir, con una clara preferencia 
por la ornamentación con elementos extraídos de la vegetación (destacan sobre todo la 
predilección por el lirio y la orquídea, así como flores y plantas exóticas); se vuelve un 
diseño orgánico, decorativo y oriental. También vemos representados animales exóticos, 
llenos de colores como pavos reales, loros o dragones y, cómo no, una preferencia total 
por la belleza del cuerpo femenino, también utilizado como elemento decorativo (jóve- 
nes esbeltas, pálidas y con largas melenas). 


Destacamos dentro de este movimiento modernista la escuela de Glasgow (la Glasgow 
school, 1870-1890 / 1910 aproximadamente) que, gracias al boom económico de la Esco- 
cia industrial, se convierte en uno de los grandes difusores de este movimiento en la ver- 
tiente del modernismo rectilíneo. Especialmente activo en los campos de la arquitectura, 
diseño de interiores y pintura, el grupo llamado The Four (los cuatro) y formado por el ar- 
quitecto Rennie Mackintosh (1868-1928), la pintora Margaret MacDonald (1865-1933), 
Frances MacDonald (1873-1921) y Herbert MacNair (1968-1955), definen su arte como 
una fusión del arte céltico con el arte japonés. Tuvieron un gran impacto en el art nou- 
veau de la época por toda Europa, así como en escuelas posteriores dentro del ámbito del 
diseño industrial y gráfico, especialmente la obra de Rennie MacKintosh. 


Muestra de la fuente tipográfica Behrens 
(1902) de Peter Behrens para la fundidora 
Solotype y de la fuente Metropolotaines (1905) 
de Hector Guimard para Linotype, ambas son 
creaciones tipográficas de estilo modernista en 
los inicios del siglo XX. 
Nota legal: visualización de las tipografías 
extraída de www.myfonts.com. 
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Silla diseñada por Rennie Mackintosh en 
1917 para el local Dug Out de Glasgow 
(Reino Unido). 
Nota legal: © Chris73 (2006). Creative 
Commons Reconocimiento Compartir 
Igual 3.0-es. Publicada en Wikimedia 
Commons. 


Este arte persiste hasta la Primera Guerra Mundial. Fue una reacción contra una arqui- 
tectura y un arte de la época victoriana demasiado rígidos, quieren escapar del pasado, 
buscan un nuevo estilo, una liberación. Al principio se hace de forma más dramática, 
después de manera más sutil, pero las formas y características específicas varían depen- 
diendo del lugar de origen y de las tendencias. 


1.3. Las vanguardias 


1.3.1. 
La ruptura 


Nos encontramos aún en las primeras décadas del siglo XX, cuando se van dan- 


do una serie de avances tecnológicos, el progreso no se detiene. Sin embargo, 


se viven tiempos difíciles. Todo impulsa a los artistas y creadores a buscar una 


nueva expresión gráfica, que posteriormente se llamará vanguardia. Geográfi- 


camente, estalla en Europa y en los Estados Unidos y citaremos los que tuvie- 


ron más influencia en el mundo de la tipografía y la publicidad. La profesión 


emergente de diseñador o creador gráfico, aparte de la de tipógrafo e impresor, 


se empieza a consolidar en este momento histórico. 
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Las vanguardias buscan una expansión en el arte, buscan las fronteras y tratan 


de romperlas, ir más allá de lo conocido. Se dan una serie de importantes mo- 


vimientos y manifiestos muy determinantes en el campo del arte, la comuni- 


cación visual, el diseño y la tipografía. La mayoría son trabajos experimentales 


que buscan una manera de vivir la creación de forma diferente: en el arte, en la 


cultura, incluso en la política. De entre los varios movimientos destacamos los 


más influyentes para el campo del diseño gráfico y la publicidad, como son el 


futurismo (1909-1944), el art déco (1910-1939), el dadaísmo (1916-1923), De 


Stijl (1917-1931), la Bauhaus (1919-1932) y el constructivismo (1921-1932). 


Hay que destacar que las diferentes vanguardias abarcan tendencias y plantea- 


mientos diversos, no hay un único manifiesto ni miembros explícitos, ni tan 


siquiera una exacta cronología ordenada. En cambio, todos comparten una 


estética y unos valores comunes: simplicidad frente a la complejidad, funcio- 


nalidad frente a la ornamentación superflua, producción industrial frente a lo 


artesanal y sociedad democrática frente a los viejos totalitarismos. Todo es el 


desencadenante de la tendencia de cambio ya promulgada al inicio del siglo 


XX. 


A pesar de aparecer en el siglo XIX, las tipografías de palo seco que se utilizaban 


básicamente para los titulares de las publicaciones y primeros carteles publici- 


tarios no adquirirán relevancia hasta la década de 1920 gracias a su carácter 


innovador. Los creadores de las vanguardias encuentran en las tipografías de 


palo seco las letras más representativas para mostrar esta libertad compositiva. 


Las vanguardias buscan una expansión en el arte, buscan las fronteras 


y tratan de romperlas, ir más allá de lo conocido. Los creadores de las 


vanguardias encuentran en las tipografías de palo seco un elemento cla- 


ve para mostrar la libertad compositiva y rompedora del momento. 


Una de las primeras tipografías que debemos destacar diseñadas en esta época 


es la London Undergound de Edward Johnston (1872-1944), creada para el 


metro de Londres en 1916. Ésta será rediseñada y mejorada por su alumno 


Eric Gill (1882-1940), considerado el padre del resurgimiento tipográfico del 


siglo XX, con la creación de destacadas tipografías. Sus diseños más reconoci- 


dos serán la tipografía Perpetua (1928) y la Gill Sans (1927-30). Esta última 


es una evolución de la London Underground, creada para la señalización del 


London & North Eastern Railway y de la que se han hecho muchas versiones 


posteriores. 


La fotografía liberadora 
del arte 


Uno de los promotores clave 
de la voluntad de ruptura en 
el arte clásico y figurativo se- 
rá la aparición de la fotogra- 
fía (aproximadamente entre 
1825 y 1837) y su rápida proli- 
feración. Ésta se convierte en la 
responsable de obtener una re- 
presentación fiel de la realidad 
y este hecho da libertad expre- 
siva a los creadores y artistas 
del momento. 
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A la izquierda vemos la tipografía London Undergound (1916) de Edward Johnston, que es una 
tipografía sin remates, de palo seco con letras anchas y redondeadas, muy homogénea. A la derecha 
vemos su evolución con la tipografía Gill Sans (1928) de Eric Gill, ya más refinada en las formas, con 
un uso de las proporciones clásicas renacentistas. 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


1.3.2. 
Futurismo y dadaísmo 


El movimiento futurista (1909-1944) nace con el Manifiesto del futurismo, pu- 


blicado en francés en el diario Le Figaro en 1909. Su máximo representante 


será el poeta y escritor Filippo Tommaso Marinetti (1876-1944). Los futuristas 


exploran todos los campos de la creación artística: pintura, escultura, poesía, 


teatro, arquitectura, incluso la gastronomía. Expresan su admiración por el 


progreso tecnológico y el dinamismo de la época contemporánea. Los futuris- 


tas adoran las ciudades, el ruido, las máquinas, la velocidad, es el triunfo del 


hombre frente a la naturaleza. 


Adoran la utilización de formas pictóricas geométricas, abstractas y dinámicas 


y, en el campo de la tipografía y la edición impresa, apuestan por una ruptura 


total con todo lo establecido, quieren una composición de página libre, sin 


normas ni constricciones de ningún tipo y abogan por una tipografía más ex- 


presiva. Marinetti será un ferviente defensor y lo llevará a la práctica en su 


revista Poesia (de 1905 a 1909), donde se liberará de las normas de gramática 


convencional, puntuación y sintaxis, al crear el llamado verso libero. Esta ten- 


dencia los llevará hacia un nuevo estilo editorial, con la creación de libros lle- 


nos de innovaciones tipográficas, textos con formatos completamente nuevos 


y todo ubicado y ordenado de una manera nada tradicional: no hay márgenes, 


no hay ningún orden lógico establecido, el lector incluso se ve obligado a girar 


el libro una y otra vez con el fin de leerlo. 


El dadaísmo (1916-1923) también nace de un movimiento literario que se ex- 


pande a otras aplicaciones como las artes escénicas, los collages y los fotomon- 


tajes. Nace en el Zúrich de una Suiza neutral en plena Primera Guerra Mun- 


dial. Propugna el carpe diem, vivir el momento presente sin importar nada más. 


Huye de las convenciones, la tradición y las normas. No hay restricciones so- 


ciales ni estéticas, su principal característica formal es no tener ninguna, es el 


antiarte, el antitodo. Está en perenne oposición con todo lo establecido. Huye 


de manifiestos, de definiciones, de ahí su fuerza explosiva al disfrutar de una 


total libertad expresiva. El intérprete es quien define la obra dadaísta. El arte 


dadá no busca gustar: busca colapsar y ofender. Quiere destruir la cultura, la 


sociedad, todo. No es de extrañar que esta tendencia anarquista y destructiva 


Ostraf Pashi, cubierta de la revista Tiflis (1919), 
de Ilja Zdanevic. Ejemplo de uno de los diseños 
para la portada de un libro de estilo futurista. 
Queda patente la libertad compositiva en la 
tipografía. 
Nota legal: © Warburg (2009). Creative 
Commons Reconocimiento Compartir Igual 
3.0-es. Publicada en Wikimedia Commons. 
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sea una reacción a la crueldad de la guerra que se está viviendo en la Europa 


del momento. Sin embargo, representará un movimiento con una influencia 


enorme dentro del arte, así como en el diseño gráfico y la tipografía. 


Una característica interesante de este movimiento es que mantiene una íntima 


relación entre palabra e imagen y utiliza los tipos de una manera muy atrevida 


y arriesgada: con el uso exagerado de versalitas, condensadas, seminegritas, 


finas y muy finas, entre otros. La legibilidad no era la mejor, pero el conjunto 


ganaba en expresividad y en fuerza visual. Cabe destacar que se trata de un 


movimiento que influirá mucho en momentos posteriores en campos como 


la publicidad, en el movimiento punk de la década de 1970 y en muchas otras 


actitudes que aboguen por una no norma o una libertad total. 


Póster Dadá Matinée de Theo van Doesburg (1923). Combinación de tipografía 
e imagen, con un resultado caótico, que juega con diferentes fuentes y estilos. 
Nota legal: imagen de dominio público procedente de Wikimedia Commons 
publicada por Vincent Steenberg (2009). 


1.3.3. 
De Stijl, la Bauhaus y el constructivismo 


El movimiento De Stijl nació en los Países Bajos en 1917 con la publicación 


de una revista del mismo nombre fundada por el pintor y arquitecto Theo van 


Doesburg (1883-1931). Se conoce también con el nombre de neoplasticismo, 


"una nueva plástica en el arte" y en él se defiende una purificación absoluta en 


el arte y el diseño, excluyendo los elementos naturales y decorativos. Su utopía 


reside en buscar un nuevo ideal de espiritualidad, armonía y orden universal 


mediante esta depuración formal. Reduce las creaciones a sus elementos más 


esenciales: formas geométricas abstractas. Se simplifican las composiciones vi- 


suales con la utilización de dos direcciones, la vertical y la horizontal, y el uso 


exclusivo de colores primarios en combinación con el blanco y el negro. 
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Uno de los creadores más reconocidos del movimiento 
De Stijl será el pintor Piet Mondrian (1872-1944). 
En su obra Composición con amarillo, azul y rojo 
(1937-1942) podemos ver reflejadas las características del 
neoplasticismo. 
Nota legal: esta imagen se reproduce acogiéndose al 
derecho de cita o reseña (artículo 32 de la LPI) y está 
excluida de la licencia por defecto de estos materiales. 


La Bauhaus fue una escuela de arte y arquitectura que operó en Alemania 


entre 1919 y 1933, año en el que el régimen nazi estalló definitivamente, y 


entonces emigró hacia los Estados Unidos (de 1937 a 1938). El significado de 


su propio nombre la dota de especial significado: Bau-Haus (construir-casa); su 


estilo representará un antes y un después en la arquitectura y el diseño. Funda- 


da por el arquitecto Walter Gropius (1883-1969), firme defensor del concepto 


de obra de arte total, tiene la intención de unificar el arte, la artesanía y la 


tecnología. La máquina se considera un elemento positivo, quieren sacar pro- 


vecho de la producción industrial de una manera racional y funcional. Una 


de las máximas será "la forma sigue a la función". Se utilizan nuevos materia- 


les para la construcción, principalmente acero y hormigón y busca elevar el 


estatus de artesano al de artista y borrar las distinciones entre uno y otro. Fue 


una escuela con una metodología progresista y experimental con la aplicación 


de técnicas didácticas innovadoras que todavía hoy en día están en uso en 


muchas escuelas de diseño. Personajes ilustres que forman parte de la Bauhaus 


fueron Johannes Itten (1888-1967), Josef Albers (1888-1976), Hannes Meyer 


(1889-1954), László Moholy-Nagy (1895-1946) y Ludwig Mies van der Rohe 


(1886-1969), entre otros. 


El estilo internacional 


Cuándo se disolvió la Bauhaus en 1933 por el ascenso al poder del partido Nacional-so- 
cialista, su fundador Walter Gropius, junto con Ludwig Mies van der Rohe y otros profe- 
sores, emigraron a los Estados Unidos y continuaron predicando las premisas establecidas 
por la Bauhaus europea. Este hecho derivó en la creación de un nuevo movimiento lla- 
mado estilo internacional (1933-1980), que promulgaba una funcionalidad y un utilita- 
rismo, sin ornamentos, pero que no fuera en detrimento de la estética. Se crea el concepto 
de "buen diseño", los productos se tienen que crear siguiendo unos conceptos formales, 
técnicos y estéticos concretos. Este sello de buen diseño en los productos industriales 
se extenderá por toda America y Europa con el fin de promover la creación de nuevos 
productos como electrodomésticos y mobiliario, siguiendo las premisas marcadas. Tam- 
bién incide en la arquitectura, que se caracteriza por una utilización predominante de los 
materiales como el cristal y el acero, que busca la máxima simplificación de las formas. 
Fue un movimiento muy activo sobre todo en la década de 1970. 


La versatilidad de László 
Moholy-Nagy 


El húngaro László Moholy- 
Nagy fue pintor, fotógrafo y 
profesor de la Bauhaus y se vio 
muy influido por el construc- 
tivismo. Promulgaba una inte- 
gración total entre la tecnolo- 
gía y la industria en las artes. 
Fue el precursor del diseño in- 
dustrial integrado en la socie- 
dad. Su versatilidad es excep- 
cional: fue innovador en cam- 
pos tan diversos como la foto- 
grafía, la tipografía, la escultu- 
ra, la pintura y el diseño indus- 
trial. Su teoría la podemos re- 
sumir en su libro The new Vi- 
sion, from material to Architec- 
ture (una nueva visión, del ma- 
terial a la arquitectura, publica- 
do en 1932). Si conocemos a 
fondo su obra entenderemos 
la filosofía de la Bauhaus en to- 
da su amplitud. 
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El pabellón que representaba a Alemania en la Exposición Internacional de Barcelona de 1929 creado 
por Ludwig Mies van der Rohe es un referente en la posterior arquitectura de estilo internacional. 
Construido con materiales permanentes como el acero, el cristal y el mármol tiene un diseño 
asimétrico con espacios abiertos y gran simplicidad en las formas. El espacio se percibe de manera 
continua. 
Nota legal: © Canaan (2008). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada 
en Wikimedia Commons. 


En esta época de vanguardias, resulta muy importante la evolución del 


diseño gráfico e industrial así como las tipografías que surgen como 


consecuencia de unas necesidades crecientes de los productos fruto de 


la industrialización vigente. El arte ya no es solamente para la aristocra- 


cia y sus palacios, como tampoco para la burguesía emergente: el hecho 


creador pasa a ser un instrumento democratizador para cambiar la so- 


ciedad. 


Se huye de la excesiva ornamentación y decoración de los movimientos 


anteriores, se busca una funcionalidad, racionalidad y sencillez en las 


formas. Gracias a la producción en serie y mecanizada se crean nuevos 


productos y nuevas necesidades: una de ellas será la de comunicar. Uno 


de los principales medios utilizados será el diseño y la tipografía se con- 


vertirá en un componente básico en su aplicación. 


La fuente tipográfica Futura (1928) fue creada por Paul Renner (1878-1956) y 


se trata de la fuente más representativa de la escuela Bauhaus. Mediante las tres 


formas básicas (el círculo, el triángulo y el cuadrado), se crean los caracteres 


simplificando las formas al máximo. Se trata de la primera tipografía de palo 


seco geométrica y se creó para aplicar en textos. A pesar de tener una aparien- 


cia geométrica simple, las formas de las letras son una compleja combinación 


entre trazos, con una modulación axial muy marcada y con curvas complejas. 


Sin embargo, Renner suavizó al máximo las formas para obtener una mejor 


legibilidad: la funcionalidad dominaba sobre la forma. El resultado es una ti- 


pografía elegante, con altas ascendentes y descendentes al mismo tiempo. Nos 


transmite fuerza y elegancia al mismo tiempo. Se clasificaría dentro de las lla- 


madas tipografías geométricas de palo seco. Al tener una base constructiva en 


las tres formas geométricas básicas, guarda las proporciones clásicas y respon- 


Fuente tipográfica Futura (1927) de Paul 
Renner diseñada para la fundición Bitstream. 
Es una de las fuentes más relacionadas con la 
Bauhaus. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 
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de a las ideas racionalistas del momento. Fuentes tipográficas diseñadas pos- 


teriormente seguidoras de este estilo serían, entre otras, la Avant Garde (1970) 


de Herb Lubalin (1918-1981) para la fundidora ITC y la Century Gothic (1991) 


creada por Monotype. 


Experimentando con la tipografía 


Herbert Bayer (1900-1985) presenta la aplicación categórica de los movimientos moder- 
nos promovidos por la Bauhaus al perseguir una máxima simplicidad en las formas. Ex- 
perimenta con la búsqueda de una fuente tipográfica creada con el mínimo de elementos 
posibles y el resultado es la fuente experimental llamada Bayer y diseñada en 1925 para 
la fundidora P22. Posteriormente, en 1975, la fundición ITC encarga una nueva versión 
de la fuente que llamará ITC Bauhaus, ésta será creada por el tipógrafo americano Edward 
Benguiat (1927-n). 


Formas mínimas de los tipos, búsqueda y experimentación tipográficas máximas. A la izquierda, 
vemos la fuente tipográfica Bayer (1925) y, a la derecha, la fuente tipográfica Bauhaus (1975). 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


El movimiento del constructivismo (1921-1932), también conocido como 


constructivismo soviético, surge después de la Revolución rusa de 1917, fuerte- 


mente influido por las tendencias cubistas y futuristas de la Europa occidental. 


Este movimiento artístico abogaba por una nueva forma expresiva mediante 


un trabajo geométrico, preciso, casi matemático, con formas predominante- 


mente cuadradas y círculos. Utilizaba materiales industriales como el cristal, 


los metales o los plásticos. Un hecho distintivo es el uso de tipos sin serifa, 


de palo seco, primordialmente con el uso de los colores negro y rojo sobre 


fondo blanco; dispuesta asimétricamente en la superficie. El arte se convierte 


en un instrumento social, el artista es responsable de diseñar nuevos objetos, 


es un proletario. Los objetos creados tienen que ser funcionales, útiles para 


las personas. El arte tiene un papel importante dentro de la vida cotidiana, es 


un medio indispensable para la expresión de la experiencia humana: los artis- 


tas quieren que el espectador sea activo, que se involucre en el hecho artísti- 


co. Muchos de los diseños creados son una fusión de arte y política, un cla- 


ro reflejo de los tiempos revolucionarios del momento, cuyos máximos repre- 


sentantes serán Lazar Markovich Lissitzky (1890-1941) y Alexándr Rodchenko 


(1891-1956), entre otros. 


En el cartelismo de propaganda destacan las obras rompedoras tanto de Lis- 


sitzky como de Rodchenko. Lissitzky (fue un artista polivalente: diseñador, fo- 


tógrafo, tipógrafo y arquitecto) representa una de las figuras más importantes 


dentro de las vanguardias europeas. Es importante destacar su trabajo innova- 


dor en la tipografía, los diseños de exposiciones, los fotomontajes y el diseño 


El constructivismo y el 
diseño gráfico 


El movimiento constructivista 
tiene una importante influen- 
cia en el nuevo diseño gráfico 
emergente de la época por su 
estudio profundo de la com- 
posición gráfica, que mide ca- 
da elemento y su posición bus- 
cando nuevas maneras de ubi- 
car el texto tipográfico. Con 
una utilización de formas y co- 
lores en estado puro quieren 
un desequilibrio equilibrado, 
un orden lógico, una armonía 
en la tensión. Utilizan una ti- 
pografía dura y potente, quie- 
ren comunicar, transmitir, pin- 
char al espectador, que se con- 
vierta en un miembro activo 
de la obra. 


CC-BY-SA • PID_00158259 
45 
Escritura y tipografía 


editorial, ya que produjo toda una serie de trabajos relevantes. En 1941, llevó a 


cabo uno de sus proyectos más reconocidos, una serie de pósteres publicitarios 


en contra del régimen nazi alemán. 


Obra de Lissitzky titulada Gana a los blancos con la cuña roja (1919). 
Nota legal: esta imagen se reproduce acogiéndose al derecho de cita o reseña 
(artículo 32 de la LPI) y está excluida de la licencia por defecto de estos 
materiales. 


Lissitzky, embajador del constructivismo ruso en Europa 


Lissitzky es un reconocido amigo del artista Kazimir Malévich (1879-1935) y el grupo 
Unovis del movimiento del supremacismo coetáneo de la época. Sin embargo, este mo- 
vimiento tenía una intencionalidad diferente a la del constructivismo: el supremacismo 
persigue una liberación total del arte respecto de la sociedad y del objeto, quiere un arte 
puro, sin conexiones políticas ni culturales. Para Malevich, la forma más pura de todas 
es el cuadrado; sus obras Blanco sobre blanco y Cuadrado negro son muy representativas de 
esta ideología y en su momento fueron muy rompedoras. El constructivismo ruso salta 
a Europa de la mano de Lissitzky gracias a una exposición en Berlín en 1922 donde se 
muestran obras de varios artistas rusos. Estas piezas influyeron mucho a los artistas y 
movimientos europeos del momento. Lissitzky se convierte en el embajador principal 
del constructivismo ruso en la escuela Bauhaus de Weimar en Alemania, donde dejó una 
fuerte impronta dentro de sus enseñanzas, así como también en el movimiento De Stijl. 


Rodchenko es también un reconocido artista y diseñador que destacó en el 


campo de la fotografía por el hecho de utilizar un innovador punto de vista, 


al buscar nuevos ángulos de visión, picados o contrapicados extremos y una 


reacción en el espectador. Este dinamismo en las representaciones fotográfi- 


cas se refleja igualmente en sus composiciones gráficas, la mayoría carteles de 


propaganda. Con la utilización de efectos rompedores de las formas, utiliza 


fuertes diagonales, fuentes tipográficas contundentes: sin serifa, con predomi- 


nancia del negro, rojo y blanco. Sus diseños en cartelismo serán muy signifi- 


cativos de la época; con la aparición de Stalin y la posterior ilegalización del 


movimiento (en 1932), se instaura el realismo socialista como la única forma 


de arte permitida y se detiene por completo toda esta creatividad emergente 


de la Rusia de la década de 1920. 
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Muestra de algunos de los trabajos de diseño gráfico en cartelismo de propaganda soviética de Alexándr Rodchenko. 
Hay una utilización de fuentes tipográficas sin serifa con negro y rojo o blanco, dispuestas en bloques asimétricos. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) y está 
excluida de la licencia por defecto de estos materiales. 


Paul Schuitema 


Paul Schuitema (1897-1973) es un artista holandés que en la década de 1920 aplicó a 
sus proyectos de publicidad comercial los innovadores principios de De Stijl así como 
también del constructivismo. Destacó por sus originales diseños, en los que utilizaba 
solamente los colores negro, rojo y blanco combinados con fuentes sin serifa. En 1926, 
empezó a trabajar con la realización de fotomontajes y fue uno de los pioneros de esta 
novedosa técnica. Trabajó para grandes compañías de su tiempo como la Philips. Nos 
dejó ejemplos muy interesantes de observar. 


Anuncio para la marca Berkel (década de 1920) de Paul Schuitema donde podemos observar como 
se sigue el estilo marcado por los constructivistas. 
Nota legal: esta imagen se reproduce acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) 
y está excluida de la licencia por defecto de estos materiales. 


1.3.4. 
Periodo de entreguerras 


El art déco, también llamado estilo moderno antes de 1925, es un movimiento 


dentro de las artes decorativas que tendrá mucha influencia en la arquitectura, 


el diseño, la moda y las artes visuales. El propio nombre deriva de sus orígenes: 


la Exposition Internationale des Arts Décoratifs et Industriels Modernes que 


tuvo lugar en París en 1925. Es un movimiento con influencias muy diversas y 


bebe de las diferentes vanguardias europeas, en especial las de los inicios de si- 


glo. El movimiento aparece como respuesta al rápido cambio social y tecnoló- 


gico que sucede entre las décadas de 1920 y 1930. El art déco se caracteriza por 


querer dejar atrás los tiempos duros de la guerra que provoca una voluntad de 


retorno a las artes decorativas, utilizando materiales de lujo como el cromo, el 
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cristal, los cromados o los lacados. Se utilizan formas geométricas y escalona- 


das, con márgenes gruesos y redondeados que resultan en formas con curvas 


sinuosas, con motivos geométricos de las culturas azteca y egipcia. En defini- 


tiva, se vuelve a un arte opulento, como reacción a la austeridad provocada 


por la Primera Guerra Mundial. Los adjetivos que mejor definen el movimien- 


to déco serían riqueza, fiesta y glamur. Hay un movimiento paralelo llamado 


Streamlining, sobre todo relevante en los Estados Unidos en su poderosa indus- 


tria donde todo tenía apariencia aerodinámica. Presenta formas redondeadas 


al máximo (los diseños de automóviles de la época son un claro ejemplo), la 


idea de velocidad y modas pasajeras como muestra del progreso imparable. 


Obras del art déco 


Las obras destacadas del art déco las encontramos en la arquitectura moderna de los Esta- 
dos Unidos de la década de 1930 como el edificio Chrysler o el Empire State. En Francia, 
encontramos muestras de art déco más en el diseño gráfico e industrial, concretamente 
para productos de lujo y mobiliario. Los pósteres publicitarios adoptan formas simplifi- 
cadas, con siluetas marcadas, que usan colores vivos, formas planas y angulosas. Se hace 
publicidad para cruceros, viajes exóticos; hay una adoración por la Belle époque (la buena 
vida) y todo eso se refleja en el conocido Hollywood style: grandes producciones cinema- 
tográficas, las estrellas, los viajes, los coches, la velocidad, el lujo. 


Tamara de Lempicka: Retrato de Madame Boucard (1931) 
y Retrato de la duquesa de La Salle (1925). Las obras de 
la artista Tamara de Lempicka (1898-1980) representan 
como ninguna otra el estilo de vida glamuroso y 
fascinante del estilo déco. 
Nota legal: estas imágenes se reproducen acogiéndose 
al derecho de cita o reseña (artículo 32 de la LPI) y está 
excluida de la licencia por defecto de estos materiales. 


Dentro de este estilo tiene importante relevancia el pintor ucraniano-francés 


Adolphe Mouron Cassandre (1901-1968), famoso por sus pósteres comercia- 


les y por ser creador de tipografías. Tiene su propia agencia de publicidad, la 


Alliance Graphique, con clientes importantes. A lo largo de la década de 1930 


lleva a cabo muchas creaciones con soluciones gráficas e ideas innovadoras. 


Sus trabajos se expondrán en el MOMA de Nueva York. También con la tipo- 


grafía Cassandre hará una labor destacada. Además, es el autor de las más re- 


conocidas dentro de este estilo déco como serían la fuente Bifuero (1929) y la 


Peignot (1936), entre otras. 


Fuente tipográfica Bifuero (1929) de Cassandre. 
Es una fuente de aspecto muy llamativo, 
con una simplificación de las formas de 
sus caracteres muy marcada; se notan las 
influencias formales de la Bauhaus, es una claro 
exponente del estilo déco. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 
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Imágenes publicitarias creadas por A. M. Cassandre (1901-1968). Las creaciones 
para marcas como Nord Express (1927) o la de vino Dubonnet (1932) 
representan un importante cambio evolutivo en el diseño gráfico del época. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o 
reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de 
estos materiales. 


En esta época de entreguerras, hay que destacar la aparición en 1930 de la 


famosa revista Fortune, justo después del crack del 29, en el que la bolsa que- 


bró. A pesar de las pocas esperanzas de tener una larga vida, resultó ser el pa- 


radigma de lo que estaba por llegar y tuvo una gran aceptación. Las claves de 


su éxito fueron dotar al producto de unas connotaciones diferentes del resto: 


un coste superior, unos tamaños mayores, en color mediante un complicado 


proceso, utilizando un papel más grueso, un cuidado diseño gráfico, así como 


tratamientos visuales muy esmerados en las portadas. Todo con la intención 


de construir una revista de alta calidad, elitista y superior. Representó un antes 


y un después en el diseño gráfico y editorial, en el tratamiento tipográfico y 


sobre todo en el papel protagonista de la fotografía, nunca visto hasta enton- 


ces. Era una revista para contemplar, para explayarse, para pasarlo bien más 


que para leer en profundidad. 


A la izquierda, portada de la revista Fortune del número de diciembre de 1941. A la derecha, 
propuesta de portada para la revista Fortune que muestra las líneas de teléfono sobre el globo 
terrestre, obra del pintor alemán Winold Reiss (1886-1953). El diseño de las portadas de la revista 
Fortune marcará nuevas tendencias en diseño editorial, usos de la fotografía y tipografía todavía 
vigentes en la actualidad. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o reseña (artículo 32 de la 
LPI) y están excluidas de la licencia por defecto de estos materiales. 


La Times 


La popular fuente tipográfica Times New Roman fue creada en 1932 por Stanley Morison 
(1889-1967) y el grafista Victor Larden (1905-1968) expresamente para una mejora en la 
legibilidad del diario The Times de Londres. Esta fuente será una de las más aplicadas en 
las publicaciones de diarios, revistas y libros. 
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La Times New Roman (1932) creada para Monotype es 
una tipografía que, como su adjetivo indica (Roman), 
toma influencias de las antiguas mayúsculas romanas. Es 
un tipo de estilo humanista antigua: utiliza terminales, 
con un contraste medio entre los trazos y con modulación 
vertical. 
Nota legal: visualización de la fuente tipográfica extraída 
de http://www.identifont.com. 


1.4. La nueva tipografía 


1.4.1. 
La época de posguerras 


Hacia la década de 1950, la modernidad empieza a adquirir más peso dentro 


de la población, se da un crecimiento demográfico importante y empieza a 


tener lugar la masificación en la producción. Empieza a haber muchos cam- 


bios en la manera de vivir: hay electricidad, teléfono, electrodomésticos, los 


coches se popularizan, se empieza a fabricar el primer coche producido en se- 


rie, el Thunderbird de Ford, entre otros. Todos estos cambios inciden profun- 


damente en una nueva realidad y al mismo tiempo crean nuevas necesidades, 


en especial una primordial: publicitar para vender el producto. Este hecho se 


convierte en crucial en la evolución de las artes y en especial del diseño y más 


concretamente de la tipografía. 


The Tube 


Ideas modernas provenientes del hecho artístico empiezan a migrar hacia la creación de 
logos y marcas, como el famoso logotipo del metro de Londres, que crea una marca clara, 
de fácil reconocimiento y memorización. 


Imagen del famoso roundel, el logo del metro de Londres aún hoy en día utilizado. Éste, junto con el 
plano del metro (el Tube map), rediseñado de modo esquemático por Henry Beck en 1931, marcaron 
un antes y un después en la señalética de las ciudades. Ambas imágenes son un emblema dentro de 
la historia del diseño gráfico. 
Fuente: (logo) imagen de dominio público procedente de Wikimedia Commons publicada por 
Dream out loud en el 2007; (mapa) esta imagen se reproduce acogiéndose al derecho de cita o 
reseña (artículo 32 de la LPI) y está excluida de la licencia por defecto de estos materiales. 
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A mediados del siglo XX, la fotocomposición sustituye los tipos de metal utili- 


zados en la mayoría de imprentas comerciales; este hecho contribuye en gran 


medida a liberar todavía más la edición y maquetación tipográfica. Aparecen 


una serie de nuevas tendencias y creaciones tipográficas muy destacables tan- 


to en estética como en funcionalidad. 


1.4.2. 
La escuela suiza 


En la década de 1950, aparece el movimiento de la escuela suiza (1950-1970), 


conocido también con el nombre de International Tipographic Style. Sus in- 


fluencias más directas proceden de movimientos anteriores, principalmente 


del De Stijl y de la escuela Bauhaus, así como los postulados escritos por Jan 


Tschichold (1902-1974) en su libro Die Neue Typographie (la nueva tipografía, 


1928) donde abogaba por utilizar fuentes sin remates, con formas simples, cla- 


ras y funcionales. Persigue un uso más eficiente de los materiales y proponía 


incluso la eliminación de las mayúsculas. Algunos de sus postulados fueron 


tomados como doctrina por diversos diseñadores. 


Evolución tipográfica 


Las mejoras en la fotocompo- 
sición serán el segundo gran 
paso evolutivo de la tipografía 
después de la invención de la 
imprenta con tipos móviles de 
Gutenberg. No obstante, toda- 
vía quedará un tercer y defini- 
tivo paso: la autoedición, que 
no llegará hasta la década de 
1970-1980 y que representará 
la popularización y democrati- 
zación definitiva de la tipogra- 
fía y su uso. 


El libro Die Neue Typographie de Tschichold (1928) abre una nueva vía 


en la tipografía, la escuela suiza llevará sus postulados de tipografía ra- 


cional, simple y clara a la práctica, es el nacimiento de la llamada nueva 


tipografía. 


Las características formales de esta nueva tipografía internacional son las de 


buscar una unidad estructural en la composición gráfica, que sea ordenada y 


clara; hay una asimetría controlada, una organización de los elementos muy 


bien planteada gracias a la utilización de cuadrículas calculadas matemática- 


mente; también hay una predilección para no sobrecargar innecesariamente la 


composición, dejando espacios vacíos (en blanco). Se busca claridad y orden. 


Existe la intención de dar la información de la manera más objetiva posible, 


sin personalizaciones. Huye de la expresividad propia del autor. 


Como movimiento con un espíritu progresista, científico y universal, encuen- 


tra en las tipografías de palo seco (sans-serif) de la época moderna un reflejo 


de este progreso, pero quiere mejorar su aplicación. Cree que el diseño gráfico 


se convierte en una herramienta útil para la sociedad, como también lo es la 


fotografía, pero una fotografía sin artisticidades, al contrario: el máximo de 


objetiva y directa. Prefiere incorporar una foto realista a un dibujo para ilustrar 


un tema o un texto. 


Referencia bibliográfica 


J.Tschichold (1928). Die 
Neue Typographie. Berlín: 
Buchdruckwerkstätte GmbH. 
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Dos ejemplos de composiciones gráficas donde se siguen las tendencias marcadas por la escuela 
suiza. La impresión general es la de unos resultados con un diseño simple y racional, muy 
estructurado y serio (no se deja nada al azar), claro y objetivo, armonioso y directo. 
Muestra de un diseño de Max Bill (1908-1994) y de Josef Müller-Brockmann (1914-1996) 
respectivamente. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o reseña (artículo 32 de la 
LPI) y están excluidas de la licencia por defecto de estos materiales. 


Estas nuevas tendencias de la escuela suiza con resultados de composi- 


ciones simples y racionales se pueden resumir con la aplicación de tres 


puntos básicos: 


• 
Utilización de una cuadrícula (rejilla) base que dotaba al diseño de 


una coherencia y estructura interna. 


• 
El uso de tipografías sin terminales, combinadas asimétricamente 


con el resto de elementos de la composición. 


• 
Utilización de la fotografía en blanco y negro en detrimento del uso 


de ilustraciones y dibujos. 


Uno de los primeros tipógrafos destacados es Hermann Zapf (1918-n) que, 


junto con otros tipógrafos, lideró el movimiento prohumanista de las formas 


tipográficas. Quieren volver a las formas armoniosas de las antiguas fuentes 


tipográficas humanistas del Renacimiento, pero dotándolas de una mejor le- 


gibilidad, por eso conservan algunas características formales de las fuentes ti- 


pográficas contemporáneas de palo seco. Buscan una tipografía que sirva tan- 


to para rotulación como para lectura de textos. Zapf creará entre otros la Pala- 


tino (1950) y la Optima (1958). Esta última se convierte en un clásico dentro 


de la tipografía: se trata de un tipo de letra humanista sin serifa que combina 


los estilos romano y caligráfico, apta para todo tipo de aplicaciones. Las letras 


siguen los parámetros marcados por la sección áurea. 


Tipografía Optima (1958) de Hermann Zapf: 
las letras siguen las proporciones de la sección 
áurea. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 
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Otro tipógrafo destacado es Max Miedinger (1910-1980) que, en 1957, crea- 


rá una de las tipografías más reconocidas y populares del mundo, la Helvéti- 


ca, con sus formas limpias y directas, con una aparente sencillez y al mismo 


tiempo funcionalidad. Se convierte en una tipografía primordial dentro de la 


historia de la tipografía que, para muchos, es la mejor de todas, la mejor re- 


suelta funcional y estéticamente. Es una evolución de la tipografía Akzidenz 


Grotesk creada en 1896, una de las primeras fuentes tipográficas de palo seco 


más comunes, sobre todo porque fue el estándar (nombre con el que se conoce 


en los Estados Unidos) para la impresión de textos en productos comerciales. 


De hecho, la Helvética en un primer momento se llamaba Neue Haas Grotesk 


(la nueva grotesk). 


Helvética, la tipografía reina 


En un estudio llevado a cabo para conocer las cien tipografías más populares, influyentes 
y notables de la historia de la tipografía, la ganadora resultó ser la Helvética. En segundo 
lugar, tenemos la Futura y en tercero, la Univers. El gráfico resultante del estudio es tan 
resolutivo como funcional y divertido, perfecto para saber reconocer las tipografías más 
destacadas, la tabla periódica de la tipografía (The Periodic table of Typefaces). 


Tabla periódica de la tipografía 
Nota legal: © Camdan Wilde Squidspot (2009). Creative Commons Attribution - Non Commerical - No derivate wortks 3.0 
Fuentes Internet: The 100 best fonts of all time (http://www.100besteschriften.de) 
Pauls Shaw's Top 100 Types survey (http://tdc.org/reviews/typelist.html) 


Cabe decir también que en honor a su quincuagésimo aniversario, en el 2007, Gary Hust- 
wit elaboró un documental llamado Helvetica, que trata sobre tipografía y diseño gráfico 
y cuenta con entrevistas a importantes diseñadores y creadores que reflexionan sobre la 
Helvética y sus aplicaciones. 


El propio nombre de la fuente tipográfica nos da connotaciones de neutralidad (helvético 
= suizo), claridad y transparencia; de ahí también se puede derivar parte de su éxito y 
aceptación. 


Fuente tipográfica Helvetica (1957) de Max 
Miedinger. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 
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La retícula de Frutiger 


Adrian Frutiger (1928-n) es uno de los tipógrafos más influyentes de finales del siglo XX. 
Sus creaciones más populares son las fuentes Univers (1957) y la Frutiger (1975). Vale la 
pena decir que actualmente sigue marcando tendencia con la creación de fuentes tipo- 
gráficas digitales, así como con varios escritos relevantes sobre el estudio de la tipografía. 


Las 21 series de la Univers. Tipografía Univers (1957) creada por Adrian Frutiger, 
inicialmente con 21 variaciones, actualmente con 27. El 1991, Frutiger creó 
en colaboración con Lynotype la versión más extensa de la Lynotype Univers 
con 63 variedades posibles. La aplican o la han aplicado muchas marcas e 
instituciones relevantes como Swissair, el aeropuerto de Frankfurt, el metro de 
Montreal, el Deustche Bank o General Electric. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o 
reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de 
estos materiales. 


"En particular, cabe destacar su innovadora aportación a la tipografía con la creación de 
un nuevo sistema que mediante valores numéricos determina los diferentes gruesos y 
anchuras de las letras de una misma familia. El primer dígito designa el grueso de la fa- 
milia tipográfica (–3 es el más fino y –9, el más grueso), el segundo la anchura y posición 
del carácter (–3 es el más ancho y –9, el más estrecho). Los números pares indican que 
se trata de una cursiva y los números impares, de una redonda. Algunos tipógrafos han 
adoptado este sistema para eliminar confusiones en las terminologías (como fino/delga- 
do, regular/medio, fuerte/negrita) y concretar mejor las características diferentes dentro 
de una misma familia tipográfica." 


Jon Kane (2005). Manual de tipografía (pág. 44). Barcelona: Gustavo Gili. 
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Esquema visual de las 21 series de la Univers creada por Adrian Frutiger. 
Nota legal: © Adrian Frutiger. Esta imagen se reproduce acogiéndose al derecho 
de cita o reseña (artículo 32 de la LPI) y está excluida de la licencia por defecto 
de estos materiales. 


También de esta época hay que destacar la creación de nuevos estilos de tipo- 


grafías que buscan una conexión con el progreso. Éstos ganarán aceptación 


en las próximas décadas por la importancia que irá tomando la tecnología. 


Howard Kettler creará la tipografía Courier en 1956, expresamente diseñada 


para las máquinas de escribir electrónicas de IBM. Adrian Frutiger (1928-n), 


más adelante, la remodelará con la fuente New Courier, también por encargo 


de IBM. Ambas son tipografías que se caracterizan por dejar un espacio homo- 


géneo entre los caracteres –todas las letras ocupan el mismo espacio de ampli- 


tud–, lo que las convierte en ideales para las aplicaciones tecnológicas, como 


los ordenadores, las impresoras o las pantallas. Son el grupo de las llamadas 


tipografías Monospace (monoespaciado). De este estilo, hay que mencionar la 


extensa familia tipográfica Lucida (1985), entre muchos otros, y destacar su 


uso en el entorno Macintosh (de Apple Inc. para el sistema operativo MAC 


OSX). 


1.5. Tipografía actual 


1.5.1. 
Las décadas de 1960 y 1970, precursoras de la revuelta 


En la década de 1960 irrumpe con especial fuerza el movimiento PopArt (abre- 


viación de popular art) que surge en los Estados Unidos e Inglaterra principal- 


mente como reacción a los establecidos conceptos del buendiseño y todo 


lo que representaba: la racionalidad, funcionalidad y objetividad de las ideas 


modernistas vigentes. El consumo de masas entra en juego, la población ad- 


quiere protagonismo. Hay una predilección total por la diversión, la fiesta y la 


irreverencia. Se utilizan especialmente materiales de bajo coste, se promueve 


Lectura recomendada 


A.Frutiger (2002). En torno a 
la tipografía. Barcelona: Gus- 
tavo Gili. 


La fuente tipográfica monotype Courier (1956) 
de H. Kettler. Él mismo la definía como: "A letter 
can be just an ordinary messenger, or it can be 
the courier, which radiates dignity, prestige, and 
stability". Tipo de letra Monospace. 
Nota legal: visualización de la fuente tipográfica 
extraída de http://www.identifont.com. 
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una vida efímera de los objetos para promulgar un cambio constante. Se pasa a 


desear productos por simple capricho no por necesidad, con colores chillones, 


fluorescentes, uso de fuentes tipográficas informales y divertidas. El concepto 


del diseño cambiará completamente pero esta tendencia tiene una vida corta, 


la crisis del petróleo de la década de 1970 vuelve a dar paso a una tendencia 


más racional del diseño así como del hecho artístico. 


En la década de 1970, aparecen los primeros ordenadores y la fotocomposición 


que, como es de suponer, son elementos claves en la evolución del diseño 


gráfico. Se facilita la copia de fuentes tipográficas y este hecho promueve una 


proliferación de muchas fuentes nuevas así como la recuperación de antiguas 


fuentes tipográficas que se rediseñarán. El oficio de diseñador se empieza a 


flexibilizar, ya no es tan artesanal. 


Uno de los diseñadores que creará fuentes tipográficas que nos evocan esta tec- 


nología será Aldo Novarese (1920-1995). Hay que destacar la fuente Eurostyle 


(1962) como la fuente que mejor refleja esta época dinámica y de modernidad 


tecnológica. También creará otras que seguirán teniendo las mismas connota- 


ciones de progreso y futurismo como la peculiar tipografía Stop (1971). 


Las tipografías Eurostyle (1962) y la Stop (1971) respectivamente, ambas creadas por Aldo Novarese. 
Reflejan la atracción por el progreso y por el futuro tecnológico. 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


Avances tecnológicos para la tipografía 


En 1961 se inventa el Letraset, un peculiar método de transferencia en seco. La compo- 
sición tipográfica se vuelve popular, las tipografías se transfieren directamente sobre el 
papel. Se utilizaba para titulares, mientras que para el cuerpo de texto se utilizaba la má- 
quina de escribir. 


Adrian Frutiger, en colaboración con científicos americanos, crea un tipo de letra estan- 
darizado para poder adaptarse perfectamente a las necesidades técnicas de los lectores 
electrónicos de la década de 1960, es la llamada OCR-A (Optical Character Recognition). 
Sus aplicaciones eran primordialmente para documentos en bancos y tarjetas de crédito. 
Se mejoró con la posterior versión OCR-B en la década siguiente, cuando se consiguió 
una mejor legibilidad. 


Tipografía OCR-A (1960) y su evolución posterior, la OCR-B (1970). La creación de tipografías 
específicas para aplicaciones tecnológicas se adecua y evoluciona según los requerimientos técnicos. 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 
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En 1970, Herb Lubalin (1918-1981), junto con otros tipógrafos, funda la In- 


ternational Typeface Corporation (ITC), que años mas tarde será absorbida por 


la Monotype Corporation, actual Monotype Imaging. ICT es la primera en no 


tener tipografías creadas en fundición de metal. Nace con la función de co- 


mercializar nuevos diseños, recuperar antiguos y sobre todo para poder asignar 


los cánones de los creadores con el fin de proteger el copyright, debido a que 


la fotocomposición creciente de la época amenazaba con hacer peligrar estos 


derechos. El propio Herb Lubalin, junto con Tom Carnasse, crea en 1970 la 


fuente tipográfica Avant Garde, tomando como base el logotipo que él mismo 


creó para la publicación que toma el mismo nombre. Lubalin también sobre- 


sale como diseñador gráfico (veinte años como director de arte de la agencia 


Sudler & Hennessey de publicidad) y editor con la publicación de la revista 


sobre tipografía U&lc (por Upper and Lower Case, en castellano "mayúscula y 


minúscula"). Se trata de una importante publicación que promueve, divulga 


y trata la tipografía y que llega a un grado de excelencia ciertamente notable. 


Allí trabajará hasta su muerte. 


Fuente tipográfica Avant Garde (1970) de Herb Lubalin y Tom Carnasse que toma forma a partir 
del logotipo creado para la revista Avant Garde. Es una fuente de tipo geométrico de palo seco, con 
claras reminiscencias de las tipografías creadas en la Bauhaus, con una obvia geometría en las formas 
que deja grandes blancos internos y con una elevada altura de la "x" que facilita la legibilidad. Es una 
tipografía todavía hoy en día muy utilizada. 
Nota legal: visualización de la fuente tipográfica extraída de http://www.identifont.com. 


Dirección web 
recomendada 


Actualmente podemos en- 
contrar la edición en lí- 
nea de la revista Upper 
and Lower Case en http:// 
www.itcfonts.com/Ulc/Inde- 
xofPrintedUlc/index.htm. 


Composiciones tipográficas de la revista U&lc donde Herb Lubalin podía 
experimentar con la creación tipográfica con total libertad. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o reseña 
(artículo 32 de la LPI) y están excluidas de la licencia por defecto de estos materiales. 


1.5.2. 
Postmodernidad, deconstructivismo y tecnología 


En diseño, el postmodernismo, movimiento que cuestiona todo lo estableci- 


do, representa una respuesta al racionalismo del vanguardismo moderno. Es- 


te movimiento se inicia después de las dos grandes guerras y hacia la década 


de 1960 va tomando forma, evoluciona durante la de 1970 y toma fuerza en 


la década de 1980. El pensamiento postmoderno critica que tanta racionali- 


ITC y la recuperación de 
antiguas fuentes 


Vale la pena decir que la ITC, 
además de promover y crear 
nuevas fuentes, así como de- 
fender los derechos de los 
creadores, también logró una 
gran labor al recuperar fuen- 
tes tipográficas históricas y re- 
diseñarlas para adaptarlas a las 
nuevas tecnologías y necesida- 
des. Las encontraremos nor- 
malmente citadas con el nom- 
bre ITC seguido del nombre 
de la fuente, por ejemplo la 
ITC Garamond (1977) de Tony 
Stan. Hay que citar la destaca- 
da labor del tipógrafo y dise- 
ñador gráfico Ed Benguiat, que 
se convierte en un persona- 
je clave en la recuperación de 
muchas de las fuentes tipográ- 
ficas de la época de principios 
del siglo XX creadas para ITC, 
como serian las ITC Bauhaus, 
ITC Benguiat, ITC Tiffany, ITC 
Caslon 224 y muchas otras. 
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zación haya olvidado el alma en la creación (como en edificios, productos u 


obras de arte). Reivindica una ambigüedad natural de las cosas, busca la con- 


tradicción, humanizar (sentimiento, caos) lo inhumanizable (lógica, orden). 


La aplicación de las ideas postmodernas en el campo del diseño aboga por un 


arte nuevamente decorativo y lleno de color, con sentimiento. 


La escuela suiza, con su rigidez y frialdad, empieza a perder peso en la sociedad 


y gustos de la época, así se vuelve a un historicismo en las artes, con una nueva 


mirada a los elementos tradicionales. Los estilos antiguos serán el punto de 


partida para las nuevas creaciones, servirán para reforzar esta confrontación 


con lo establecido. 


El deconstructivismo podríamos decir que es la plasmación de la mentalidad 


postmodernista, se da una nueva creatividad emergente caótica, espontánea e 


intuitiva. No se busca la perfección, sino la incoherencia, es una revuelta. En 


el campo del diseño gráfico y especialmente en la tipografía hay un cambio 


importante, empieza en la década de 1980 hasta finales de la de 1990. Se habla 


de la tipografía deconstructivista, que toma la tipografía como un elemento 


experimental. Conjuntamente con el diseño gráfico, se crean composiciones 


que pretenden ser rompedoras, fragmentadas y que huyen de la linealidad del 


texto, sin provocar no tanto la lectura sino una percepción. Es una tipografía 


para oír, no para leer. El contexto social, con la globalización económica, el 


resurgimiento de la ecología, el crecimiento de la pobreza por todo el mundo y 


la crítica al consumismo capitalista desmesurado llevarán a los creadores a re- 


belarse mediante unos medios contradictorios: por una parte, una admiración 


palpable por los nuevos medios tecnológicos y, por la otra parte, con el uso de 


objetos viejos, olvidados, estropeados y desechados. Los montajes juegan con 


estos contrastes, al enfatizar cuando menos esta explosibilidad irreverente y 


antisocial. A pesar de la recesión económica que nos sitúa de nuevo en una 


racionalización en el diseño, la revuelta postmoderna sigue todavía vigente 


en la actitud creadora. 


Hay que destacar la figura del diseñador gráfico y tipógrafo Neville Brody 


(1957-n) entre muchos otros innovadores de la época actual. Es reconocido 


internacionalmente por su trabajo como director de arte en la revista Face Ma- 


gazine (1981-1986), donde ha experimentado mediante recursos gráficos y ti- 


pográficos en los límites de la comunicación visual, aprovechando los nuevos 


recursos que da la informática para la creación de composiciones imaginativas, 


en continua investigación hacia nuevos caminos de exploración y expresión 


creativa. Es el responsable de la iniciativa FUSE, una revista tipográfica inno- 


vadora, que trata de un proyecto sobre la fusión del diseño gráfico, la edición 


editorial, el diseño tipográfico, la arquitectura, lo multimedia, la animación y 


la comunicación. Se trata de promover debates, críticas, foros y conferencias 


para establecer nuevas tendencias y diferentes maneras de abarcar el acto co- 


municativo. Estamos inmersos en una continua búsqueda de nuevas formas 


La fuente tipográfica Trixi (1989), diseñada por 
Erik van Blokland para la empresa LettError, 
representa un claro ejemplo de cómo se 
buscaba esta imperfección en las formas 
tipográficas. Nota legal: visualización de 
la fuente tipográfica extraída de http:// 
www.identifont.com. 
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de expresión: la tipografía como elemento de forma y significado, por su ver- 


tiente comunicativa tanto gráfica como verbal, resulta un elemento clave en 


la época actual. 


Tipografía deconstructivista y portada de FUSE de Neville Brody, que marca 
tendencias desde finales de la década de 1980 hasta los inicios de la de 1990. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o 
reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de 
estos materiales. 


Hay que decir que, a pesar de las tendencias deconstructivistas del postmoder- 


nismo y otros usos en la tipografía, se sigue trabajando en la creación de nue- 


vas tipografías que buscan la mejor aplicación posible: una cosa no descarta la 


otra. Éste es el caso de la fuente tipográfica Meta (1991) de Erik Spiekermann 


(1947-n), creada para resultar óptima en impresiones de baja resolución y que 


resultó ser una letra muy aceptada en la década de 1990. 


Tipografías versátiles 


La tipografía Rotis, creada en 1988 por el destacado diseñador y tipógrafo alemán Otl 
Aicher (1922-1991), representa una evolución en la exploración tipográfica para mejorar 
al máximo la legibilidad a la vez que cuenta en una misma unidad formal con variaciones 
de estilos. En la Rotis hay cuatro básicas: 


Visualización de las fuentes tipográficas extraída de http://www.identifont.com. 
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Podemos encontrar otros casos similares de familias tipográficas extensas, con diferentes 
estilos y variedades para ser aplicables a campos diversos. 


Imparable tecnología 


En la década de 1980, la tecnología y el progreso no se detienen. Aparecen los prime- 
ros ordenadores personales (PC), los juegos de ordenador, la autoedición, el primer Mac 
(1984) –que revolucionó el uso de los ordenadores personales por su facilidad de uso 
con una interfaz (GUI) mucho más intuitiva y gráfica–, el Fontographer (1985) –primer 
programa de creación de fuentes tipográficas–, así como muchos otros avances que pro- 
vocaron un boom en el diseño gráfico. 


Gracias a esta revolución digital empieza a ser más fácil diseñar. De esta época, procede 
la famosa frase "¿estudias o diseñas?". Crear nuevas fuentes tipográficas ya no requiere 
tanto coste y tiempo; estamos entrando en la época tecnológica, en la época del post- 
modernismo, entendido como una época de cambios acelerados en todos los niveles. De 
hecho, todavía estamos viviendo las consecuencias. 


Debido a la constante innovación tecnológica, se empieza a tener la necesidad 


de crear nuevas fuentes tipográficas pensadas expresamente para visualizarse 


óptimamente en una pantalla. En sus inicios, estas pantallas tenían una reso- 


lución muy baja, lo que provocaba que algunas fuentes perdieran su legibili- 


dad y no resultaran óptimas. La Arial, creada por Roben Nicholas y Patricia 


Saunders en 1982, es uno de los primeros ejemplos de estas nuevas creacio- 


nes: se trata de una fuente sin terminales con un aspecto más humanista que 


mecánico. También encontramos un ejemplo de fuente creada expresamente 


para pantalla en la Verdana de Matthew Carter, creada en 1996 por encargo de 


Microsoft, que quería eliminar cualquier elemento que pudiera molestar para 


obtener una visualización óptima en la pantalla, así las formas de los tipos de la 


Verdana siguen los patrones de los píxeles, no de los trazos dibujados a mano. 


Se acabaría convirtiendo en una de las más utilizadas en el mundo digital. 


A la izquierda, fuente tipográfica Arial (1982) y, a la derecha, fuente tipográfica Verdana (1996). 
La Verdana y la Arial son fuentes tipográficas pensadas para integrarse perfectamente en los nuevos 
medios, como pantallas e impresoras. 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


Gentium, una fuente tipográfica para las naciones 


Web del proyecto Gentium: http://scripts.sil.org/cms/ 
scripts/page.php?site_id=nrsi&id=gentium 


Gentium es un proyecto tipográfico creado inicialmente por Victor Gaultney como parte 
de un proyecto universitario. Utiliza una licencia libre específica para tipografías, la SIL 
Open Font License, que permite su redistribución y modificación. 


El propósito de Gentium es ofrecer una familia de fuentes tipográficas para todas las len- 
guas y grupos étnicos (naciones) que han adoptado el alfabeto latino como sistema de 
escritura modificando algunos de sus caracteres o introduciendo nuevos. La fuente Gen- 
tium incluye muchos de estos caracteres específicos y la fuente GentiumAlt proporciona 
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caracteres para las letras que acumulan muchos acentos diacríticos. Ambas fuentes inclu- 
yen más caracteres para el alfabeto griego y parte del alfabeto cirílico, pero son fuentes 
sin caracteres específicos para la negrita y la cursiva. La colección de caracteres de las 
fuentes Gentium Basic y Gentium Book Basic incluyen los caracteres del alfabeto griego 
y sus variantes, además de signos de puntuación y signos diacríticos en unos tipos con 
serifa disponibles en regular y cursiva, tanto con negrita como sin ella. En el momento 
de escribir este texto, la web del proyecto anuncia el objetivo de incluir también en estas 
fuentes los caracteres de los alfabetos griego y cirílico. 


1.5.3. 
¿Hacia dónde va la tipografía? 


Actualmente, podemos encontrar muchas de las tipografías en uso en muchas 


páginas de Internet, ya sean de sus creadores o de las compañías (fundidoras, 


cooperativas) que las crean y comercializan. A finales de siglo XX y al inicio 


del siglo XXI, se crearán multitud de tipografías muy diversas, sin una forma 


ni estilo estereotipados. La pluralidad entra en juego: hay diversos puntos de 


vista, enfoques, aplicaciones. Todo derivará hacia una variedad de estilos y 


tendencias difíciles de clasificar y concretar un camino común. 


Las tipografías difíciles de clasificar 


En la nueva era digital, surgirán un gran número de tipografías consideradas como in- 
clasificables. A la mayoría se las incluye dentro del grupo de las Script, por su intención 
de imitar la letra manuscrita, tanto en grafías modernas como antiguas. Las hay de todo 
tipo y estilos, algunas creadas con anterioridad, como la popular Mistral (1953) de Roger 
Excoffon, o más actuales como la Pushkin (1999) de Gannady Fridman o la Hando (1991) 
para Lettererror. Podríamos citar muchas otras. 


También podemos encontrar otro grupo de inclasificables que no pretenden imitar nin- 
guna caligrafía: son sencillamente innovadoras y rompedoras en todos los aspectos; en- 
tonces las clasificamos como graphic (gráficas) pero, pensándolo bien, ¿qué fuente no lo 
es? 


Cada creador actúa según sus propias necesidades. Quizás persigue un ideal o 


quizás busca resolver una aplicación concreta, una respuesta a una pregunta 


planteada. Todas las verdades son ahora más individuales que nunca. La tipo- 


grafía no es impermeable a esta diversificación del arte y la sociedad en todos 


los aspectos. 


Gracias a la era digital, el diseño gráfico así como la tipografía se han integrado 


plenamente en la sociedad del momento. La globalización nos lleva a afianzar 


la localidad (el regionalismo). El hecho creativo busca respuesta a las preguntas 


planteadas que se dan en cada caso y cada momento en un lugar concreto, 


una solución puede ser óptima para uno y fatal para otro. 
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La sociedad es global, el hecho tipográfico también. La tipografía se vuelve 


más abierta que nunca, forma parte del mensaje que se debe comunicar, es un 


elemento que no podemos despreciar; forma parte de nuestra historia. 


Clasificación histórica de la tipografía 


Este sistema de clasificación tipográfica estrechamente relacionado con la historia de la tipografía, creado por Alexander 
Lawson, permite al diseñador decidir qué tipografía utilizar en cada momento con el fin de transportar al lector a una época 
concreta o a sus connotaciones. La propia fuente tipográfica también nos transmite unas particularidades específicas: éstas van 
muy ligadas al momento histórico en el que fueron creadas. No es lo mismo utilizar una Blackletter que una Moderna o una 
Script. 


Referencias tipográficas 


Debido a esta gran cantidad de fuentes tipográficas y estilos que hay hoy en día podemos 
encontrar diferentes libros publicados con extensas referencias sobre fuentes, como por 
ejemplo el completo Fontbook, también conocido como "el libro amarillo" (por sus lla- 
mativas cubiertas de amarillo canario) que desde el año 1991 nos da información sobre 
muchas tipografías existentes en el mercado. Pero no sería necesario comprar un libro: 
también podemos buscar en Internet muchas referencias tipográficas, desde las propias 
páginas web de las empresas creadoras y comercializadoras de tipos (Lynotype, Monotype 
y Adobe, entre otros) hasta otras páginas web sobre tipografía. Cabe destacar en especial 
la web de Identifont, el directorio independiente de tipografía en línea más extenso. Re- 
comendamos mucho su uso tanto para conocer como para buscar y encontrar todo tipo 
de fuentes. También son útiles las webs Dafont.com y MyFonts.com. 


Lo que realmente importa 


Lo importante no es tanto el hecho de saber la terminología exacta y todas las clasifi- 
caciones de la tipografía como saber reconocer el porqué de la existencia de diferentes 
estilos tipográficos; saber de dónde provienen y hacia dónde nos llevan, el porqué de 
su aparición y aplicaciones. Saber diferenciar sus características principales, así como ser 
críticos en las virtudes y desventajas. Todo ello nos ayudará a llevar un buen uso de la 
tipografía, a decidir cómo combinarla en las creaciones gráficas y a tener, en definitiva, 
un mejor criterio como diseñadores. Esperamos que esta breve pero detallada historia 
gráfica de la tipografía sirva para aclarar conceptos, conocer más sobre la tipografía y 
empezar a amarla. 


Direcciones web 
recomendadas 


A continuación, os propone- 
mos algunas revistas y publi- 
caciones en línea de tenden- 
cias actuales en la tipografía: 


http://www.emigre.com (re- 
vista de tendencias tipográfi- 
cas y diseño gráfico) 


http://www.tdc.org 


http://baselinemagazine.com 


http://www.tipografica.com 
(1987-2007) 


http:// 
www.unostiposduros.com 


http://typedia.com 


Ved también 


Sobre la clasificación de las fa- 
milias tipográficas, ved tam- 
bién el apartado sobre tipogra- 
fía del módulo "Conceptos bá- 
sicos de diseño gráfico" en los 
materiales de la asignatura Di- 
seño gráfico. 
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Adaptación muy particular del famoso 
logotipo I love NY creado en 1977 por 
Milton Glaser, destacado diseñador 
gráfico así como también creador de 
algunas tipografías, como la Glaser. 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0-es. 
A. Ferrer (2009). I love type. 
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2. Geometría y creación de tipos 


2.1. Geometría y atributos de los tipos 


Hemos visto que la escritura es la representación gráfica del lenguaje verbal. 


Con el desarrollo de la imprenta y los sistemas de reproducción mecánica nace 


la tipografía como disciplina orientada al diseño de los tipos y a su composi- 


ción para formar textos. En el apartado anterior se ha dado un repaso por la 


evolución de esta disciplina desde el siglo XV hasta la actualidad, en el que se 


ha revisado el contexto histórico, los condicionantes y las motivaciones que 


han dado lugar a las diferentes familias tipográficas. 


La tipografía como disciplina tiene diferentes cometidos: 


• 
Crear las formas de los grafemas o caracteres (letras, números, signos dia- 


críticos y de puntuación y otros). 


• 
Organizar estos caracteres en palabras, frases, párrafos, textos que tendrán 


que cumplir una función concreta). 


• 
Combinar los textos con otros medios (imágenes, animaciones, películas, 


productos). 


Cabe decir que no existe una metodología única ni una única norma estable- 


cida para la aplicación tipográfica pero sí es importante conocer sus caracte- 


rísticas formales y los principales elementos que la determinan para poder tra- 


bajar con mejor criterio, tanto en composición editorial como para pantalla. 


Incluso nos podemos animar a crear nuestras propias tipografías. 


El tipo es imagen y texto al mismo tiempo. Martin Solomon (1911-2006) 


utilizaba ya el término tipo-icono-grafía, una palabra donde se representa 


la letra, la imagen y la escritura. 


Las letras 


Las letras son cosas, son entidades con personalidad propia. No podemos alterar estas 
formas si no queremos perder su referente histórico. Las letras no son imágenes de cosas; 
en sí misma una tipografía ya es una imagen, una forma concreta. 


Las letras son producto de la historia, cada forma creada es un producto de las condiciones 
sociales e históricas en las que fueron creadas y nos reflejan el espíritu de su época. 


Las letras son fonemas, su combinación nos da significantes y significados, nos comu- 
nican. 


Ved también 


Algunos de los conceptos ya 
estudiados anteriormente en 
el módulo "Conceptos básicos 
de diseño gráfico" de Diseño 
gráfico se vuelven a dar por re- 
lación directa con los temas 
que se van a tratar, aunque no 
todos. Por eso, es importante 
dar un repaso a la terminolo- 
gía básica estudiada en la an- 
terior asignatura (temas como 
la anatomía de la letra, así co- 
mo otros conceptos básicos) 
con la finalidad de poder se- 
guir con mejor rendimiento es- 
te apartado. 
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Las letras son elementos persuasivos, nos transmiten sensaciones. No hay una fuente ti- 
pográfica absolutamente neutra y transparente. Durante algún tiempo las corrientes uni- 
versalistas en el diseño buscaron la neutralidad en el diseño tipográfico que atribuían a las 
fuentes de palo seco como la Helvética, pero también estas fuentes tienen connotaciones 
culturales. La tipografía tiene mucha fuerza simbólica, de ahí su poder comunicativo. 


"Hay letras líricas y otras pesadas como elefantes; tipografías femeninas y tipografías mas- 
culinas; caracteres que emprenden el vuelo con facilidad y dilatan la fantasía y escrituras 
que nos pegan a la dura piel de los negocios." 


Juan Martínez-Val (2002). Tipografía práctica (pág. 53). Madrid: Ediciones del Laberinto. 


2.1.1. 
Las tres formas elementales 


Las letras abarcan dentro de su espacio las tres formas geométricas fundamen- 


tales: el círculo, el cuadrado y el triángulo. 


Estos tres caracteres delimitan con su contorno las tres formas geométricas 


básicas y determinan la forma del resto agrupándolas en tres grupos: 


Formas en la creación de tipo 


Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imágenes de elaboración propia basadas 
en el gráfico extraído del artículo "TIPO/RETÓRICA. Una aproximación a la retórica tipográfica" de Roberto Gamoral Arroyo, 
publicado en http://www.icono14.net. 


Geométrica de la Futura 


En 1925, Paul Renner (1878-1956) consigue obtener un alfabeto tomando como base las 
tres figuras básicas: círculo, cuadrado y triángulo. Un profundo conocimiento de las leyes 
y prácticas tipográficas aplicadas por el creador dio una tipografía armónica y coherente. 
La claridad en su forma geométrica es lo que más caracteriza la Futura. 


Según algunos estudios tipográficos las tres 
letras determinantes de un alfabeto son la O, 
la L y la V. 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0-es. 
Imágenes de elaboración propia basadas en el 
gráfico extraído del artículo "TIPO/RETÓRICA. 
Una aproximación a la retórica tipográfica" de 
Roberto Gamoral Arroyo, publicado en http:// 
www.icono14.net. 


Ved también 


Para más información y con- 
textualización histórica de la 
fuente tipográfica Futura, ved 
el subapartado 1.3.3. de este 
mismo módulo. 
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Póster gráfico para publicidad de la fuente tipográfica Futura (1925). 
Nota legal: esta imagen se reproduce acogiéndose al derecho de cita o reseña 
(artículo 32 de la LPI) y está excluida de la licencia por defecto de estos 
materiales. 


Estas formas espaciales se simplifican en cuatro líneas fundamentales: verti- 


cal, horizontal, diagonal y curva. A partir de ellas, podemos dibujar todas 


las letras del alfabeto. Mediante la adjunción o supresión de estas líneas, se 


pueden ir creando las diferentes letras. En un primer momento, se toma la 


línea vertical y la horizontal, la oblicua en segundo lugar y la curva sería la 


última incorporación. Utilizando estos trazos como base, se irán añadiendo 


otros trazos secundarios según las formas específicas de cada tipo. Para acabar, 


se dibujarán los trazos terminales (serifas) si los hay. 


Hay unas letras básicas, a partir de las cuales se crean nuevas hasta tener todas las que compondrán los diferentes caracteres y 
otros símbolos del alfabeto. 
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Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imágenes de elaboración propia basadas 
en el gráfico extraído del artículo "TIPO/RETÓRICA. Una aproximación a la retórica tipográfica" de Roberto Gamoral Arroyo, 
publicado en http://www.icono14.net. 


Dibujo geométrico de los tipos 


La mayoría de las formas de las letras nos sugieren una geometría aplicada: con una 
simetría aparente, inclinaciones, verticales, horizontales, ondulaciones, ángulos abiertos, 
cerrados, agudos, entre otros. 


Mediante un papel, lápiz, regla, escuadra, cartabón y un compás, podemos dibujar todas 
las letras, debidamente ubicadas en una retícula, paso a paso, midiendo cada trazo, cada 
grado de inclinación, cada elemento. Se trata de una tarea meticulosa que en sus inicios 
requería mucho tiempo y esmerada técnica, sin embargo, hoy en día, tenemos muchos 
recursos (como escáner, programas informáticos específicos para la creación de tipos, 
programas de dibujo vectorial o de mapa de bits o conversores de fuentes analógicas a 
digitales) que nos facilitan y agilizan las creaciones y modificaciones de las letras. No 
obstante, es importante tener presente que hay una geometría inherente a cada letra. 


Ejemplo de la geometría utilizada para dibujar una letra 
S en caja alta. Letra S de Fra Luca Pacioli: De divina 
proporcione, Paganino dei Paganini (Venecia, 1509). 
Nota legal: imagen de dominio público procedente de 
Wikimedia Commons publicada por AFBorchert (2006). 


2.1.2. 
Medidas y atributos del tipo 


Hay una serie de conceptos tipográficos que nos ayudan a definir individual- 


mente los caracteres, saber cómo se forman y cómo se relacionan entre sí, 


así como sus principales características formales. Dentro del mundo tipográ- 


fico, encontramos medidas relativas y medidas absolutas. Las medidasabso- 


lutas, como su nombre indica, son valores fijos: los puntos y las picas serían 


un ejemplo. Las medidasrelativas son más complejas de determinar, pues 


dependerán de la relación entre varios elementos. La interlínea es un ejemplo 


de medida relativa, que dependerá de la medida del carácter. Cuanto mayor 


sea el cuerpo del tipo, mayor tiene que ser la interlínea si no queremos sola- 


pamientos de ascendentes y descendentes. 


Hay mucha diversificación en el campo de las medidas tipográficas, así en- 


contramos sistemas diferentes dependiendo de la tradición tipográfica. Bási- 


camente, hay dos tradiciones tipográficas: la anglosajona o británica y la eu- 


ropea continental. En cuanto a las medidas tipográficas, el primer sistema de 


puntos, que intentaba unificar criterios entre fundidores de tipos, lo definió el 
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grabador francés Pierre Simon Fournier en 1737. En 1785, Firmin Didot mo- 


dificó el sistema de Fournier y la medida del punto. Y en el año 1870, en la 


Gran Bretaña, se creó un sistema con otra medida para el punto. 


Sin embargo, podemos trabajar con equivalencias entre los diferentes sistemas; 


de todos modos, los programas de autoedición nos dan la posibilidad de pasar 


de un sistema a otro sin demasiada complicación. 


Medidas tipográficas fijas 


SistemaduodecimalestablecidoporFournieren1737 
1 cícero = 12 puntos 


SistemaDidot,Europacontinental 
1 pie francés = 30 centímetros = 798 puntos = 66,5 cíceros 
1 punto = 0,376 milímetros = 0,0148 pulgadas 
1 cícero = 12 puntos = 4,512 milímetros = 0,1776 pulgadas 


Sistemaanglosajón 
1 pulgada= 2,54 centímetros = 72 puntos = 6 pica 
1 punto = 0,353 milímetros = 0,0138 pulgadas 
1 pica = 12 puntos = 4,233 milímetros = 0,1656 pulgadas 


Resumen de los sistemas de unidades tipográficas. Fuente: Elena Fuentmayor (1996). Ratón, ratón (pág. 92). Barcelona: Gustavo Gili. 


El punto es la unidad mínima que se utiliza para definir la medida de 


un tipo, pero esta medida no es la de la letra físicamente sino que ha- 


ce referencia a la altura del bloque de la letra (lo que provoca que una 


misma medida en dos tipografías diferentes pueda dar resultados diver- 


gentes). El punto tiene un valor absoluto de 0,35 milímetros, que serían 


el equivalente a 1/72 parte de una pulgada. 


Hay que aclarar que un punto es una unidad muy pequeña así, cuando se 


necesitan unidades mayores, se habla del cícero (sistema continental) o de la 


pica (sistema anglosajón). 


Una pica o cícero es el equivalente a 12 puntos. Pero hay que decir 


que, tanto la pica del sistema tradicional como la moderna (Postcript), 


tienen la misma medida absoluta: una pulgada es equivalente a 6 picas 


Postcript o 72 puntos. 


El cuadratín es una medida relativa (varía según sea el tamaño del tipo) 


que se utiliza sobre todo en composición para definir las funciones bá- 


sicas de espaciado y sangrías del texto. Si aumentamos el tamaño del ti- 


po, llamado cuerpodeltipo, también aumentamos la medida del cua- 


dratín y viceversa. 


Puntos de la letra 


La relación numérica tradicio- 
nal de las medidas tipográficas 
se vería de la siguiente mane- 
ra: 


Fijaos en que, para algunas 
medidas, se ha puesto el nom- 
bre con el que son reconocidas 
más comúnmente las medidas 
de los tipos. 
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Si fijamos un texto a un tamaño de 14 puntos, su cuadratín también será de 


tamaño 14 puntos; para un cuerpo del tipo de 24 puntos, el cuadratín es de 


24 puntos. 


En la composición tipográfica tradicional, el tamaño del cuadratín era el ta- 


maño de la pieza metálica que formaba el tipo y su medida correspondía a la 


anchuradelaletraMmayúscula, por ser la letra más ancha del alfabeto. La 


M tomaba en anchura todo el espacio del tipo. 


Actualmente, el cuadratín es una medida de referencia que determina la altura 


del tipo. Cuando el cuadratín se utiliza como unidad de medida se expresa 


como em. A partir del em, que tiene la misma medida que el cuerpo del texto, 


podemos determinar tamaños relativos. Por ejemplo, podemos fijar algo en 


1,4 em o bien, con porcentajes, a 140% de em. 


El espacio entre palabras es un valor porcentual del cuadratín, por lo tanto de- 


penderá de la medida del tipo. Cada fuente tiene su propio espaciado y algunas 


son más condensadas que otras. No obstante, este espacio lo podemos contro- 


lar en los programas de autoedición mediante el cran (en inglés kerning) y el 


interletrado (en inglés tracking) para adaptar el texto a nuestras necesidades. 


La altura de la "x" 


La altura de la "x" minúscula de la fuente tipográfica es otro concepto 


de medidas tipográficas muy importante que se debe tener presente. És- 


ta se mide desde la línea base hasta la línea media de la fuente, por lo 


tanto es una medida relativa. Esta medida es el principal punto de refe- 


rencia en el diseño de la composición. De la altura de la "x" depende la 


legibilidad así como la apariencia de una fuente tipográfica. Puede va- 


riar mucho según el diseño tipográfico utilizado. De entrada, podemos 


generalizar que una altura elevada de la "x" necesita de una interlínea 


mayor; en cambio, si la altura de la "x" es menor no será necesario tener 


una interlínea demasiado espaciosa. 


Ejemplo de cómo se ve una misma frase utilizando un mismo tamaño de fuente tipográfica, 12 puntos, pero dos fuentes 
tipográficas diferentes. Arriba, vemos la fuente Bodoni (altura de la "x" baja), mientras que abajo tenemos la Times New 
Roman (altura de la "x" alta). 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. 


La medida relativa para composiciones 
tipográficas, em, es divisible en 1.000 
fracciones. En los estilos CSS para formatear 
los textos de las páginas web encontramos 
esta medida que nos regula el tamaño de los 
caracteres y los espaciados. 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0-es. 
Imagen de elaboración propia basada en un 
gráfico extraído de Elena Fuentmayor (1996) 
Ratón, ratón. Barcelona: Gustavo Gili. 


Dirección web 
recomendada 


La dirección http://riddle.pl/ 
emcalc enlaza con una curio- 
sa aplicación en línea creada 
con JavaScript que nos con- 
vierte la medida del tipo en 
píxeles en la de unidades re- 
lativas em (la unidad de me- 
dida utilizada para las hojas 
de estilo CSS) para formatear 
el texto de páginas web. 


La proporción de 
mayúsculas y minúsculas 


Tradicionalmente era de 5 a 8, 
establecida en el Renacimien- 
to, siguiendo la proporción áu- 
rea. Con una altura mayor de 
la "x" en caja baja, la propor- 
ción pasará a ser de 6 a 8. Es- 
te cambio da unas descenden- 
tes menores, un mejor aprove- 
chamiento del espacio y me- 
jora la legibilidad. En tiempos 
modernos, impera la funciona- 
lidad sobre la estética. 
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La líneabase (baseline) es la línea imaginaria donde descansa la letra. Ésta se 


puede modificar según las necesidades de interlínea y otros, como componer 


tencats para signos matemáticos. 


Al escoger una tipografía para una composición tenemos que tener pre- 


sente sobre todo dos medidas: la anchura del cuadratín o em y la altura 


dela"x" (altura de la "x" en caja baja). 


En este gráfico esquemático vemos representados los atributos clave que se deben tener presentes en los caracteres y cómo se 
relacionan entre sí. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia basada en un 
gráfico extraído de Elena Fuentmayor (1996) Ratón, ratón. Barcelona: Gustavo Gili. 


¿Estilos tipográficos reales o generados? 


Cada fuente tipográfica, con sus rasgos característicos, puede tener diferentes estilos apli- 
cados. Reconocemos los siguientes estilos tipográficos: 


Los programas de edición tipográfica nos dan la opción de aplicar los diferentes estilos 
tipográficos, pero en caso de que se escoja aplicar una negrita o cursiva, o cualquier otro 
estilo, y no se tengan los archivos originales de la fuente, entonces los programas los 
generan de manera automática sobre los caracteres de la tipografía seleccionada. Se trata 
de cálculos matemáticos predefinidos que se aplican indistintamente sobre el texto en el 
que se aplican. Aunque nos pueden resultar útiles en algunas ocasiones, debemos tener 
presente que se trata de una simulación, cosa que no será nunca el equivalente que va 
a utilizar la tipografía original. 


Es recomendable utilizar, siempre que sea posible, las versiones de estilos de una tipogra- 
fía, no la simulación generada por el programa del ordenador. 
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2.1.3. 
La métrica vertical del tipo 


Cuando se crea una tipografía y se dibujan los contornos de cada carácter – 


las letras, los números y otros signos–, hay una serie de medidas que se tienen 


que tener muy en cuenta para conseguir que todo el conjunto de caracteres 


sea armonizado y proporcionado entre todas las formas, tamaños, estilos y 


combinaciones posibles. Son medidas relacionadas con el espacio geométrico 


del carácter y con las partes que lo componen. Así, diferenciamos entre la 


métrica vertical y la métrica horizontal del carácter. 


Métrica vertical del carácter 


Ascendenteminúsculas 
(ascender) 


La línea horizontal (imaginaria) que define la posición más alta 
adonde pueden llegar los trazos ascendentes de los caracteres en 
minúscula, normalmente se toma como referencia la letra b. 


Alturadelascapitales 
(capital height) 


La altura de la letra capital (mayúscula) define la posición más alta 
adonde pueden llegar las letras mayúsculas, normalmente se to- 
ma como referencia la altura de la H. 


Alturadela"x" 
(x-height) 


Altura de la x minúscula, como la "x" o la v. 


Líneadebase 
(baseline) 


La línea horizontal (imaginaria) donde descansan las letras. Línea 
que les sirve de base. 


Descendenteminúsculas 
(descender) 


Línea horizontal (imaginaria) que define la posición más baja de 
los trazos descendentes de los caracteres en minúsculas, normal- 
mente se toma como referencia la p. 


Hay un par de normas globalmente aceptadas respecto de la métrica vertical 


y las líneas curvas de algunas letras: 


• 
Cuando nos encontramos con una curva en la parte de la base ésta se tiene 


que hacer pasar algo por debajo de la línea base. 


• 
Si la línea curva está en la parte superior, ésta se hace pasar algo por encima 


de la altura de la "x" o de la altura de la mayúscula según sea la letra de 


caja baja o alta. 


Estas dos normas se aplican porque las líneas curvas no se visualizan de la 


misma manera que las rectas: su altura, a pesar de que pueda ser exactamente 


igual, se verá menor y, para corregir esta variación perceptiva, se manipula el 


ascendente y el descendente de las líneas curvas en la base y en el margen 


superior de la letra. Hay que decir que son pautas establecidas por la tradición 


y el conocimiento tipográfico que funcionan para la mayoría de fuentes, pero 


no son normas obligadas; el tipógrafo considerará oportuno tener en cuenta 


o no estas consideraciones perceptivas, dependerá del diseño tipográfico. 
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A la izquierda, la U con la curva por debajo de la línea base del carácter. A la derecha, la A con la curvatura superior 
por encima de la altura de la mayúsculas. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imágenes de elaboración propia 
basadas en materiales extraídos de http://ilovetypography.com. 


Correcciones ópticas tipográficas 


Existen varias correcciones que se aplican a la forma geométrica de las letras con el pro- 
pósito de compensar las ilusiones ópticas que se crean según sean las formas, tamaños 
y gruesos de sus rasgos. Estas correcciones se aplican para mantener una consistencia 
visual óptima. 


Se conocen varias, entre las que podemos destacar: 


• 
Las formas circulares y triangulares exceden en la altura física el resto. 


• 
Los trazos horizontales –como la línea media de una H mayúscula– se colocarán algo 
por encima de la mitad del tipo. 


• 
El grueso de los trazos varía según sea su dirección, los verticales que son el apoyo 
(como columnas que aguantan el tipo) son más gruesos que los horizontales; los 
horizontales intermedios son más finos que los horizontales de los extremos (arriba 
del todo o en la base). 


• 
Los trazos verticales y diagonales se afinan en las convergencias para evitar manchas 
negras. 


• 
Los trazos curvilíneos varían constantemente de grueso con el fin de dar una impre- 
sión más fluida y no tan mecánica. 


Estas estrategias de diseño en la geometría del tipo son el resultado de una larga tradición 
tipográfica. Muchas de estas apreciaciones en la percepción de los tipos ya fueron iden- 
tificadas y corregidas en las creaciones tipográficas del siglo XVIII. 


2.1.4. 
La métrica horizontal del tipo 


La métrica horizontal también tiene que estar bien resuelta, en este caso para 


ahorrar problemas de espaciado entre caracteres en la composición de pala- 


bras y textos. Si los espacios horizontales no están bien calculados se tendrán 


que introducir muchos retoques posteriores, ya sean manuales o automáticos, 


mediante el ajuste del espacio entre dos caracteres que se conoce como cran 


(kerning en inglés) cuando es negativo y hace entrar un carácter dentro del 


espacio del otro o en positivo, lo que aumenta la distancia. 
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Para poder asegurar un espacio óptimo entre las formas de los diferentes ca- 


racteres ya desde su diseño debemos tener presente el sidebering, es decir, los 


espacios (márgenes) a izquierda y derecha que ocupa el perímetro de un ca- 


rácter. En algunas letras, éste es simétrico, pero hay casos concretos en los que 


no lo es, entonces se habla de tener un espaciado entre caracteres positivo o 


negativo. Cuando es negativo el espacio, entra dentro del perímetro de la letra, 


pero cuando es positivo, sobresale. Se utilizan las siglas inglesas LSB (left side 


bearing) y RSV (right space bearing). 


Ejemplo de espaciado entre caracteres 


Estudiaremos un caso práctico para entender cómo funciona el espaciado entre caracteres 
según sean sus contornos. 


El espacio de la j, debido a su forma, da una intrusión en el espacio izquierdo. Es preferible ajustar los espacios entre las 
dos formas. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imágenes de elaboración propia basadas 
en materiales extraídos de http://ilovetypography.com. 


Debido a la forma de la letra j minúscula, el margen izquierdo entra en el espacio peri- 
métrico propio de la letra anterior, la a. Se ha hecho un reajuste de espacio entre la a y 
la j para que éstas no se vean demasiado alejadas entre sí. 


Ejemplo de las dos formas tipográficas anteriores sin la aplicación del ajuste de espacio. 


La imagen de la U tiene los espacios laterales 
simétricos. 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0- 
es. Imágenes de elaboración propia 
basadas en materiales extraídos de http:// 
ilovetypography.com. 
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Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imágenes de elaboración propia basadas 
en materiales extraídos de http://ilovetypography.com. 


Éste sería el resultado en caso de no adecuar los espacios entre caracteres que lo 


precisan. Si guardáramos la simetría paralela entre los dos caracteres, el resul- 


tado sería ostensiblemente diferente: nos daría un espacio demasiado ancho 


entre los dos caracteres en detrimento del conjunto del bloque de texto. 


Cuando el diseño de una fuente tipográfica, según los criterios del tipógrafo, 


ya tiene resueltas estas modificaciones, de manera predefinida, modificando y 


reajustando el cran entre todos los caracteres que lo requieren, se ahorra mu- 


cho trabajo posterior en la composición y adecuación de los textos. Estamos 


hablando de normas establecidas sobre una buena praxis tipográfica, pero, en 


cada caso, este cran establecido se cambiará según las propias necesidades. 


Los programas de autoedición tienen la opción de crear unas tablas de cran 


específicas para la fuente tipográfica seleccionada. Por otra parte, tenemos las 


tipografías monoespaciadas (monotype), que fueron creadas para las máqui- 


nas de escribir, con un espacio homogéneo entre los caracteres, donde la apa- 


riencia final resultante será muy diferente. La legibilidad será mejor cuando la 


solución adoptada es adecuar los espacios entre caracteres en lugar de unificar 


la anchura de éstos. 


La legibilidad del texto escrito con la fuente tipográfica Garamond (columna izquierda) con 
modificaciones de espacio entre caracteres nos da una composición de texto no tan monótona 
y espaciada como la que se ve en el texto escrito con una fuente monotype como es la Courier 
(columna derecha). 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. 


Kerning y tracking 


Los valores especificados de cran (kerning) o interletrado (tracking) también se pueden 
modificar en casos concretos como el de un titular. Al tener un tamaño superior y menos 
cantidad de caracteres, se puede ver el espacio óptico de manera más evidente. Entonces, 
es cuando el diseñador decide modificar el espacio entre pares de caracteres específicos 
que den problemas de visualización (cran) o bien opta por modificar toda una palabra o 
frase o un conjunto de caracteres al mismo tiempo (interletrado). 


Cuanto mayor sea el tamaño de la tipografía, más esmeradamente definido tendrá que 
ser el espacio entre los caracteres. 
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Ejemplos de interletrado normal, abierto 
(trecking 12) y reducido (trecking −3). 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0-es. 


Otras especificaciones prácticas serían: 


• 
Con caja baja para el cuerpo de texto es preferible no espaciar demasiado los carac- 
teres, pues dificulta la legibilidad. 


• 
Las formas de las minúsculas se alternan entre ellas, forma-contraforma (producto 
de sus orígenes caligráficos). 


• 
Las letras de caja alta tienen una mayor autonomía formal (orígenes epigráficos). 


• 
Podemos forzar más el espaciado entre letras, pero llega un momento en el que co- 
rremos el riesgo de perder el conjunto y pasaríamos a ver elementos tipográficos in- 
dividuales. 


2.1.5. 
Atributos de párrafo 


Tenemos una serie de cualidades tipográficas que nos determinarán la estruc- 


tura de un párrafo. El interlineado es el espacio que hay entre las líneas del 


texto, normalmente se utiliza la norma de estar entre +1 y +3 puntos del ta- 


maño establecido en la tipografía, es decir, si tenemos una tipografía con cuer- 


po 10, utilizaremos una interlínea de 11, 12 o 13 puntos para una legibilidad 


óptima (normalmente será ligeramente superior). Será menor en función de 


otras características o si queremos crear una composición específica con efecto 


de bloque. 


Cuando se dan las medidas tipográficas en una composición editorial, se in- 


cluyen los valores de las dos medidas: primero se marca el cuerpo del tipo y 


entonces el valor de la interlínea, tal como vemos en estos dos ejemplos prác- 


ticos. 
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La interlínea y la longituddelínea del texto son dos conceptos que están 


muy interrelacionados, también vinculados a la medida del cuerpo del texto 


utilizado. Las líneas cortas necesitan una interlínea menor y viceversa. En la 


composición de los bloques de texto, se acepta como norma general orienta- 


tiva que la longitud de línea sea de entre 35 y 65 caracteres. Sin embargo, en 


la práctica, dependerá de cada caso concreto y se adecuará a las necesidades o 


intenciones compositivas del diseñador. En todo caso, es importante saber ver 


cuando una línea resulta demasiado larga o demasiado corta para su óptima 


lectura. Por lo general, la finalidad es conseguir una lectura fácil y continua 


de los bloques de texto. 


La alineación del párrafo se puede llevar a cabo de cuatro formas diferentes: 


izquierda, derecha, centrada y justificada. La opción que se tome dependerá de 


decisiones formales del texto y de su papel dentro de la columna o la página. 


También disponemos de las sangrías y las tabulaciones como atributos espe- 


cíficos de los párrafos. Las sangrías nos determinan la relación de los bloques 


de texto con los márgenes establecidos en las páginas. 
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Podemos encontrar el estilo ordinario (primera línea del párrafo sangría positiva), moderno (no se especifican entradas de 
primera línea) y el estilo conocido como francés (la primera línea tiene sangría negativa). 


Las tabulaciones son especialmente importantes en las tablas y formularios. 


Existe la tabulación izquierda, derecha, centrada o decimal. 


Muestra de las diferentes tabulaciones: izquierda, derecha, centrada o decimal. 
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El color de la tipografía 


En la composición tipográfica, hay que tener presentes todos los atributos, tanto del 
carácter como del párrafo. También se tiene que considerar que estas particularidades, así 
como la propia geometría de las formas de las letras, nos dan resultados diferentes. 


No es lo mismo tener un párrafo con una tipografía de una altura de la "x" grande y una 
anchura de sus trazos considerable que otra con una altura de la "x" pequeña y unos trazos 
finos: el primer párrafo nos dará una textura visual de más peso que el segundo. Estas 
diferencias se llaman de color de la tipografía y son fundamentales para poder valorar 
que una composición tipográfica funcione. 


2.2. Tipografía digital y creación de tipos 


2.2.1. 
Tipografía digital: contornos y mapas de bits 


La creación tipográfica tradicional estaba orientada a la producción de unos 


tipos metálicos que los cajistas montarían para formar frases y párrafos y que 


después de entintarse se imprimirían sobre papel en la imprenta. La produc- 


ción de estos tipos empezaba con el diseño geométrico y continuaba con una 


elaboración minuciosa de los moldes que se llenarían del metal fundido que 


daría lugar a los tipos. Los talleres o compañías encargadas de estas tareas se 


llamaban fundiciones. 


A partir de la década de 1970, empieza un cambio que acabará transformando 


completamente la forma de crear tipografías: se introduce la tecnología digital. 


Sin embargo, hasta la década de 1980 no se extenderá y se consolidará este 


cambio de la mano del ordenador personal, los programas de edición vectorial 


y la autoedición. 


La creación de fuentes digitales requiere de dos procedimientos elementales: 


• 
la generación de los archivos que guardan los contornos geométricos de 


las letras, 


• 
la posterior creación de archivos de mapa de bits (retícula de píxeles) de 


estos contornos. 


Los primeros archivos son vectoriales, es decir, son escalables y no tienen pér- 


dida de calidad; su resolución dependerá del dispositivo de salida (output) uti- 


lizado. En cambio, los archivos de mapa de bits son formas renderizadas: pa- 


samos de tener vectores a tener un número de píxeles fijo que nos determina 


la forma de la letra. 


La conversión de mapas de bits de los archivos vectoriales es un procedimiento 


automático, es una rasterización, pasar de vectores a píxeles mediante cálcu- 


los matemáticos internos, de las formas vectoriales creadas. Los propios pro- 


gramas que nos rasterizan el texto acaban de afinar y retocar las formas resul- 


Tipo metálico tradicional para la ligadura fi, 2 
pt Garamond. 
Nota legal: © Daniel Ullrich (2006). Creative 
Commons Reconocimiento Compartir Igual 
3.0-es, publicada en Wikimedia Commons. 
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tantes por posibles errores en la conversión. Se tiene que tener presente que 


pasamos de tener vectores a píxeles, que son dos sistemas de representación 


muy diferentes. 


Visualización de los caracteres tipográficos AV donde se 
muestran tanto los contornos (vectores) como su equivalente, 
producto de la rasterización de los vectores a píxeles (mapa de 
bits). 
Nota legal: © UOC. Creative Commons Reconocimiento 
Compartir Igual 3.0-es. Imágenes de elaboración propia 
basadas en gráficos extraídos de Wikimedia Commons. 


Cada tipografía tiene unos códigos específicos y sigue una serie de estándares 


que se tienen que aplicar para un óptimo funcionamiento en los diferentes 


sistemas operativos. Dentro de la tipografía digital han evolucionado en para- 


lelo diferentes tecnologías y cada una utiliza un formato tipográfico concreto. 


Es importante saber conocer las diferentes tipologías de archivos tipográficos 


existentes para una óptima aplicación. 


Los tipos de archivo fuente de contorno se utilizan generalmente para impre- 


sión, en combinación con programas de autoedición como el QuarkXPress o 


el Adobe InDesign, entre otros. Son archivos que básicamente constan de dos 


partes, el contorno vectorial (para la impresión) y el fichero bitmap (para la 


pantalla). Este formato rasterizado bitmap se utiliza a baja resolución para po- 


der visualizar en pantalla las creaciones tipográficas de los programas de auto- 


edición. Así pues, se trata únicamente de una aproximación, el resultado final 


lo obtendremos una vez imprimimos el documento. Sin embargo, en algunos 


sistemas modernos se genera por pantalla la previsualización de las fuentes di- 


rectamente del archivo vectorial. Actualmente, la mayoría de fuentes TrueType 


ya no necesitan de un archivo separado para formato bitmap para visualizar en 


pantalla, éste ya se randeriza directamente desde el archivo vectorial original. 


Antialiasing y hinting 


Hay diferentes tecnologías para una mejor corrección de las posibles pérdidas de calidad 
y definición que se pueden dar en las conversiones. 


En los sistemas operativos modernos, se utilizan unas librerías específicas que ejercen la 
función de randerizar las tipografías vectoriales para una óptima visualización por pan- 
talla. Estas aplicaciones tienen la función de suavizar (antialiasing) de manera automática 
los tipos con la finalidad de conseguir más definición, sobre todo en tamaños pequeños. 
Existe el sistema llamado hinting, que fuerza algunos píxeles a entrar dentro de las coor- 
denadas (parrilla de píxeles) y da como resultado una nitidez y mejor legibilidad para la 
pantalla, a pesar de que puede ocasionar en algunos tipos, sobre todo de cuerpo pequeño, 
la modificación de algunas líneas (se ven o demasiadas gruesas o demasiadas delgadas). 


Ved también 


Para conocer con más detalle 
los diferentes formatos sobre 
las fuentes tipográficas, con- 
sultad el subapartado "Clasifi- 
cación de las familias tipográ- 
ficas" del módulo "Conceptos 
básicos de diseño gráfico" de 
los materiales de Diseño gráfi- 
co. 


CC-BY-SA • PID_00158259 
79 
Escritura y tipografía 


Letra a sin ninguna aplicación de 
suavizado para visualizar en pantalla, con 
aplicación de suavizado y sin hinting y con 
aplicación de suavizado y hinting. 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0-es. 
Imágenes de elaboración propia basadas 
en gráficos extraídos de Wikimedia 
Commons. 


Dependiendo de los sistemas operativos tenemos tecnologías aplicadas diferentes para la 
renderización del texto, por lo tanto, nos podemos encontrar con que un mismo texto 
lo visualizaremos de manera diferente según el sistema operativo así como la tecnología 
de la propia pantalla utilizada: 


• 
Windows95y98: sistema estándar que incluye suavizado y hinting. Predomina la 
claridad en la visualización del texto para pantalla aunque variará la fuerza del texto 
impreso, ya que, al tener la tecnología hinting aplicada, obliga a los píxeles a ubicarse 
en posiciones integrales dentro de la parrilla de píxeles establecida. 


• 
WindowsXP: sistema con suavizado y hinting + tecnología de renderización subpíxel 
que se llama ClearType system, éste da una mejor definición del texto para pantalla 
pero, al imprimirlo, el texto puede sufrir variaciones. 


• 
MacOX: implanta un sistema muy esmerado llamado floating-pixel (píxel flotante), 
una combinación entre el suavizado con la tecnología subpíxel, no se aplica el forza- 
do del píxel del hinting. Da como resultado una óptima visualización para pantalla 
(aunque en cuerpos muy pequeños se puede perder legibilidad en la pantalla), pero 
resulta más fiable para imprimir, pues el texto no varía. 


Aviso sobre duplicidad de fuentes 


Aunque podemos tener formatos diferentes para una misma tipografía (por ejemplo, la 
versión TrueType y la Postcript de una misma fuente), no es recomendable ni aconsejable 
tener las dos instaladas en el mismo ordenador, ya que nos puede crear problemas de 
estabilidad en el mismo sistema operativo; así pues, es mejor no tener duplicados los 
archivos fuente. 


Software conversor 


Actualmente, existen varías aplicaciones en el mercado que convierten los contornos de 
los tipos en bitmap, así como el software creador de fuentes, de dibujo vectorial y de 
autoedición lo pueden tener incorporado dentro de sus prestaciones; tenemos el caso 
del software libre FreeType (GPL, open source), entre otros. Hay que decir que también 
existen los programas que ejecutan la acción a la inversa, es decir, son trazadores de 
imágenes bitmap, que convierten los píxeles en contornos vectoriales, como es el caso 
del AutoTrace (GPL, open source) o del Bitstream de Adobe. 


Los dos procedimientos, pasar de imágenes a trazados o pasar de trazados a imágenes, 
requieren una cierta habilidad y experiencia por parte del diseñador al establecer los 
diferentes parámetros para la conversión. Según sea la propia forma tipográfica, así como 
la calidad de imagen necesaria, no es lo mismo tener una fuente tipográfica para ubicar 
en una página web que para imprimir en un póster gráfico de grandes dimensiones. 


2.2.2. 
Gestores de fuentes tipográficas 


Un gestor de tipografía es un programa que, una vez instalado en el ordenador, 


nos permite activar o desactivar las fuentes para su uso en programas de diseño 


y maquetación sin que tengamos que instalar los tipos en la carpeta del sistema 


operativo (en la carpeta fuente de Windows o Mac). 
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Utilizar un programa que gestione las fuentes es muy útil para poder trabajar 


cómodamente y de forma muy práctica con el uso de la tipografía. Además, 


nos ahorra recursos como el consumo de memoria del programa y nos opti- 


miza el funcionamiento de las aplicaciones que tenemos abiertas; nos aporta 


rapidez y comodidad. Es un sistema muy útil para visualizar de manera rápida 


las diferentes opciones tipográficas. Hay muchas aplicaciones posibles en el 


mercado con paneles de control donde se pueden visualizar todos los tipos y 


sus estilos, medidas y símbolos, entre otros. Resulta muy práctico tanto para 


proyectos de impresión como para aplicativos multimedia. 


Captura de imagen del gestor de tipografía Suitcases de Extensis. Opera de manera muy intuitiva 
mediante maletas (suitcases); da la opción de crear maletas donde se ubican las tipografías. Éstas 
pueden estar abiertas o cerradas, es decir, estarán activadas o desactivadas. También se pueden crear 
carpetas para proyectos concretos y tener una previsualización inmediata de las diferentes opciones 
posibles. 
Nota legal: esta imagen se reproduce acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) 
y está excluida de la licencia por defecto de estos materiales. 


Lo importante que debemos valorar en un gestor de tipografías es que tenga 


las siguientes prestaciones: 


• 
Soportar varios tipos de fuente. 


• 
Instalar temporalmente las fuentes y contar con la opción de borrar archi- 


vos. 


• 
Visualizar de forma ordenada y lógica las tipografías con varias opciones 


de visualización posibles, atendiendo a sus futuras aplicaciones. 


• 
Tener varias opciones posibles para organizar y administrar las fuentes en 


diferentes categorías. 


• 
Permitir imprimir listas de todos los tipos o parte de ellos para tener un 


ejemplo impreso de cada fuente. 


Existen otros recursos útiles que se pueden consultar para trabajar con la tipo- 


grafía. La mayoría son recursos en línea gracias a la proliferación de diferentes 


páginas en Internet sobre la tipografía y sus usos. Podemos encontrar desde 


completos directorios específicos para su visualización hasta otras aplicaciones 
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que nos ayudan a identificar una fuente concreta, mediante su imagen, o bien 


comparar diferentes tipos, o incluso encontrar una que todavía no sabemos 


ni cuál es. 


Referencias web útiles para trabajar con la tipografía 


http://www.fonttester.com/ 
Aplicación libre. Visualiza y compara fuen- 
tes con diferentes tamaños y parámetros CSS 
aplicados. Muy útil para diseño web. 


http://www.typetester.org/ 
Aplicación en línea para comparar las fuentes 
y cómo funcionan para la pantalla (se necesi- 
ta Javascript). 


http://www.identifont.com/ 
El más completo directorio libre de fuentes 
de consulta de Internet, con unas 500 pu- 
blicaciones y 140 puntos de venta posibles. 
¡100% recomendable para ponerlo en los fa- 
voritos! 


http://new.myfonts.com/WhatTheFont/ 
Reconocimiento de fuentes de marcas cor- 
porativas, publicaciones y campañas publi- 
citarias. Escaneando el archivo nos busca las 
aproximaciones tipográficas en su base de 
datos. 


http://www.stcassociates.com/lab/ 
fontbrowser.html 


Aplicación en flash de consulta rápida para 
previsualizar las fuentes activas instaladas en 
el sistema operativo. 


http://typenav.fontshop.com/ 
Un curioso y novedoso sistema visual inter- 
activo para buscar la tipografía que tenemos 
en mente. 


http://www.codestyle.org/css/font-family/ 
Una guía para conocer las fuentes más co- 
munes instaladas en las plataformas Win- 
dows, Mac y Linux. 


http://www.stretchedout.com/pro- 
ducts/fontmatch/fontmatch.php 


Identificador de fuentes que compara la 
fuente que buscamos sólo con las fuentes 
instaladas en el ordenador. 


2.2.3. 
¿Cómo crear un tipo? 


Ya desde la época del Renacimiento encontramos tratados como el Manuale 


tipografico (1818) de Giambattista Bodoni sobre cómo crear fuentes tipográfi- 


cas. Sin embargo, el procedimiento ha sufrido una transformación sustancial 


al entrar en escena la tipografía digital. Existe toda una serie de softwares es- 


pecíficos en el mercado (typesetting software) que nos ayudan a dibujar esmera- 


damente las formas tipográficas, midiendo cada elemento. Del mismo modo, 


nos facilitan la exportación a los archivos tipográficos estándares. 


Manuale tipografico: los cuatro principios de Bodoni 


Giambattista Bodoni, aparte de ser un prolífico creador de tipografías (unas 500 aproxi- 
madamente), fue un teórico de la tipografía. Escribió un extenso manual de tipografía 
que marcará un antes y un después en la creación tipográfica: el Manuale tipografico, con 
unas 600 láminas, 100 alfabetos romanos, 50 itálicos y 28 griegos, entre otras referencias 
tipográficas. En su época se editan por primera vez los tipos romanos modernos, más 
refinados y rigurosos. Bodoni era un perfeccionista de la tipografía en todos los sentidos. 
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Sus principios, así como algunas de sus creaciones tipográficas, todavía siguen del todo 
vigentes. 


En el prefacio del famoso Manuale tipografico (1818), el ilustre tipógrafo enumera cuatro 
principios para conseguir una tipografía "bella": 


1) la uniformidad de los diseños (los elementos comunes de los caracteres no tienen que 
variar), 


2) la elegancia, un buen acabado en el detalle, trabajar de manera meticulosa para con- 
seguir tipos nítidos y delicados, 


3) el buen gusto y la sencillez, sin olvidar el origen de las formas tipográficas, 


4) el encanto, que dé la impresión de que se han creado los tipos con esmero y mucho 
amor. 


A la izquierda, el Manuale tipografico publicado en 1818 por Giambattista Bodoni (a la derecha). Se 
considera uno de los libros más bellos jamás impresos y un exhaustivo tratado sobre la tipografía de 
la época. 
Nota legal: ambas imágenes son de dominio público y proceden de Wikimedia Commons, han sido 
publicadas por Juditta88 (2008) y por Roger Koslowski (2006) respectivamente. 
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Procedimientos y flujo de trabajo para la creación tipográfica. 
Nota legal: © UOC Creative Commons Reconocimiento CompartirIgual 3.0-es. Imagen de elaboración propia basada en 
un gráfico de Joan Mas, extraído de http://www.vectoralia.com. 


La creación de fuentes tipográficas combina la intención creativa con la des- 


treza en el dibujo y el conocimiento de las normas de composición tipográfica 


que, como hemos visto, ha ido acumulando una larga tradición. 


El gran número de fuentes tipográficas es un testigo del hecho de que hay in- 


finidad de opciones posibles cuando nos enfrentamos al diseño de una nueva 


fuente. El diseñador de fuentes tiene que tomar algunas decisiones básicas, 


éstas y otros aspectos se tienen que valorar antes de empezar a crear una tipo- 


grafía, por lo que es útil analizar otros estilos para decidir hacia dónde orien- 


tamos el diseño. 


Los siguientes son algunos de los aspectos que debemos considerar en la creación de los 
tipos: 


• 
que la fuente sea con o sin serifa, 
• 
que tenga un carácter manuscrito o de imprenta, 
• 
que sea ancha o estrecha, 
• 
que sea gruesa o fina. 


Pero, aparte de estas primeras consideraciones, hay otras más concretas, como pregun- 
tarnos: 


• 
¿haremos un cuatro cerrado o medio abierto? 
• 
¿tres líneas o dos en la Y? 
• 
¿descendente o línea base en la J? 
• 
¿de dos niveles o uno en la a y la g? 
• 
¿con una W cruzada, juntada o redondeada? 
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© UOC. Creative Commons Reconocimiento Compartir 
Igual 3.0-es. Imagen de elaboración propia basada 
en un gráfico de Alec Julien extraído de http:// 
ilovetypography.com. 


Elementos de una fuente tipográfica 


Hay una serie de elementos que se tienen que saber valorar en una fuente tipográfica, 
entre los que tenemos: 


• 
Caja: caja alta y caja baja. Las letras de caja alta son firmes y grandes, tienen un cariz 
más serio y formal que las de caja baja. 


• 
Estilo: cada fuente tiene una textura visual única, existen muchos tipos y estilos 
diferentes. Cuando se tiene que escoger una fuente, tenemos que intentar descubrir 
la relación entre sus formas, contenidos y el mensaje que comunica. No es lo mismo 
utilizar una fuente con serifas que una de palo seco o una monotipo con respecto 
a una de fantasía. 


• 
Cuerpo: las relaciones de escala influyen mucho en la manera como se percibe un 
tipo. Los mayores se adelantan, los más pequeños se alejan del lector. 


• 
Inclinación: la inclinación del tipo le da más fuerza y energía, como si avanzara en 
el espacio. Tradicionalmente se encuentra entre los 13 y 16 grados, pero actualmente, 
con el ordenador, se pueden crear todo tipo de grados de inclinación. Hay que tener 
presente que mucha inclinación dificulta la lectura. 


• 
Grueso: esta propiedad viene determinada por la anchura de las astas. Unas astas 
finas dan una apariencia de tipografía fina y delicada, con ojos anchos y espacios 
blancos generosos. Al contrario, con las astas gruesas tenemos una apariencia robusta 
y fuerte, pesante, se crea una mancha negra. 


• 
Anchura: actualmente, con los programas informáticos, podemos escalarlo tanto en 
la vertical como en la horizontal, pero se tiene que ir con cuidado para no perder le- 
gibilidad y las proporciones en las formas diseñadas por los tipógrafos. En el escalado 
vertical, las astas horizontales se verán más gruesas; en un escalado horizontal, las 
astas verticales se verán más finas. A pesar de todo, dependerá de cada caso y se puede 
experimentar con las anchuras para conseguir efectos visualmente más expresivos. 


• 
Tonalidadycolor: podemos tener tipos tramados, degradados y con colores planos. 
No confundáis con el término color tipográfico, es decir, los niveles de claro y oscuro de 
la fuente que vienen determinados sobre todo por el grueso de las astas de las letras. 


• 
Simetríayasimetría: la organización simétrica de los elementos que configuran una 
tipografía nos da estabilidad, formalidad. Si la organización es asimétrica, se crea ten- 
sión visual; es más interesante, hay una interacción de espacios positivos y negativos 
más dinámica. La armonía en una tipografía la define la relación entre los elementos 
tipográficos y el espacio que los rodea. 
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• 
Dirección: según sean las formas tipográficas, éstas determinan direccionalidades 
diversas. Normalmente, el tipo se ve horizontalmente reposando sobre una línea base 
imaginaria, pero el diseñador puede cambiar esta dirección. 


• 
Fondo/figura: entre fondo y tipografía se establece una relación de acercamiento y 
alejamiento; un bajo contraste entre fondo y tipo hace avanzar el fondo, un contraste 
alto lo hace retroceder. Se tiene que cuidar mucho el contraste fondo/tipografía para 
obtener una legibilidad óptima. 


• 
Ritmo: la tipografía es análoga a la música, los principios de repetición y ritmo tam- 
bién se aplican. Para conseguir ritmo tipográfico, tiene que haber contraste entre sus 
formas. 


En la creación de una tipografía, se tienen que tener presentes conceptos como 


las medidas de las formas geométricas y su percepción. En tipografía, a pesar 


de seguir unos cálculos y medidas muy estrictos, las formas no tienen que 


ser todas idénticas, sino que parecerlo. Tenemos que contemplar los efectos 


ópticos que pueden hacer variar la fuente al percibirla. 


Tendremos que dibujar un círculo pequeño más alto que una forma rectangular si que- 
remos que se visualice con la misma altura. 


Otro punto importante es saber dibujar estas formas con la máxima fluidez 


posible, es decir, utilizando el mínimo de nodos en sus contornos, así como 


seguir las normas establecidas para crear los espacios en blanco y otros detalles 


específicos en la creación de elementos vectoriales. Cada letra tiene que ser 


una forma única (cerrada y plena). La combinación de cada letra con el resto 


también es básica para una buena legibilidad, así como para crear un ritmo 


armónico en todo el conjunto tipográfico. 


Criterios básicos para dibujar los contornos tipográficos 


Los siguientes son algunos de los criterios básicos para dibujar los contornos tipográficos: 


1) Crear un perfil único para cada forma. Es importante determinar la altura de los ojos 
de los caracteres y las proporciones de los ascendentes y descendentes. También hay que 
definir las proporciones de valores en negro y en blanco del carácter, así como el grueso 
de las astas (verticales y horizontales), el punto y grado de inclinación (si lo hubiera). 
Los diferentes gruesos, curvaturas o longitudes tienen que mantener gradaciones lógicas 
y armónicas en todo el conjunto tipográfico. 


2) Seguir el sentido óptimo de las trayectorias en el dibujo de los trazados para generar 
los espacios en blanco. Cuando tenemos un trazado dentro de otro trazado, se tienen que 
crear con direcciones contrarias, para crear los espacios vacíos. 


3) Seguir una óptima definición de curvas y la conexión de los vectores. 


4) Alinear correctamente las tangentes de una curva. En caso contrario, cualquier error 
afectará a la reproducción final del tipo. 


5) Deben quedar curvas poco profundas para la creación de serifas o troncos. Hay que 
poner especial atención en una óptima curvatura de la letra n minúscula, pues de ella se 
derivan el resto de curvaturas aplicadas. 


6) Dar descripciones concisas de los contornos; cuantos menos puntos y segmentos me- 
jor. Hay que utilizar los estrictamente necesarios. 


7) Mantener la uniformidad en todos los diseños de una misma tipografía. 


8) Generar en mapa de bits los contornos para asegurar una óptima aplicación en pantalla 
u otros medios digitales. 


El negro y el blanco en la 
tipografía 


El diseño de letras consiste bá- 
sicamente en armonizar for- 
mas plenas (negras) con for- 
mas vacías (blancas). Una no 
puede existir sin la otra. Se tra- 
ta de aplicar uno de los prin- 
cipios básicos en diseño gráfi- 
co, el contraste: forma/contra- 
forma. El negro sería el equiva- 
lente a la forma de las letras, a 
su contorno, mientras que el 
blanco sería el espacio que hay 
dentro de cada tipo así como 
el espacio que lo rodea. Éste 
es muy importante para deter- 
minar el espacio existente que 
habrá entre dos caracteres. 
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Software para la creación de un tipo 


Para aprender el procedimiento de creación digital tipográfica nos puede ser de gran 
utilidad consultar los tutoriales específicos de los programas de creación de fuentes que 
existen en el mercado. 


Para quien quiera conocer más y practicar con la creación de tipos, recomendamos el 
software libre FontForge. Junto con el programa, se incluye un tutorial completo y es- 
tructurado paso a paso para la creación de una tipografía. 


Hay que decir que en cuanto a los programas específicos de creación de fuentes tipográ- 
ficas tenemos otros, desde el pionero Fontographer (1985) hasta muchos otros. No obs- 
tante, debemos comentar que también podemos crear tipografías con cualquier progra- 
ma de dibujo vectorial (como Freehand, Adobe Illustatior, CorelDraw o InDesign). Algu- 
nos tienen filtros de conversión para exportar los trazados a los formatos específicos de 
tipografía digital. 
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3. Composición tipográfica 


3.1. Composición tipográfica editorial 


3.1.1. 
Tratamiento del texto 


En la composición tipográfica editorial (tratamiento y disposición del texto en 


la gráfica sobre papel, de imprenta), de entrada hay unos contenidos textuales 


creados por una serie de autores (que pueden ser comunicadores, periodistas, 


escritores, estudios de investigación o documentación) que ya tendrían que 


estar debidamente redactados, corregidos y revisados. Entonces es cuando en- 


tra en escena el diseñador o compaginador de textos, es decir, quien tiene la 


función de dotar de una estructura gráfica todo el conjunto de textos e imá- 


genes o ilustraciones que se van a incorporar. Mediante una combinación óp- 


tima de los diferentes elementos tiene que definir, distribuir, ordenar (en una 


parrilla o retícula base) columnas e ilustraciones o imágenes. Todo requiere un 


conocimiento teórico y práctico de los estilos y la producción editorial (como 


libros, revistas, diarios, publicaciones comerciales o folletos). 


Lo más habitual es que el diseñador se encuentre con formatos de texto creados 


con un programa procesador de textos como el Word de Microsoft (.doc, .rtf) o 


el Writer de OpenOffice (.odt). Existe una primera conversión para pasar estos 


formatos dentro de los programas de compaginación de textos (PageMaker, 


InDesign, QuarkXPress o Scribus, entre otros). El formateado de estos textos 


puede variar en la importación, sobre todo en algunos rasgos específicos co- 


mo las notas, el índice y subíndices, así como también en algunos símbolos 


especiales, entre otros. Hay filtros de exportación/importación específicos pa- 


ra evitar variaciones y poder recuperar los textos íntegros, cuando menos, en 


la mayor parte. 


Repasar las conversiones de textos para la compaginación 


Es responsabilidad del autor del texto, o responsable de contenidos, es editar y repasar 
a fondo los textos que forman parte de un proyecto; tiene que estar todo debidamente 
revisado antes de pasarlo al responsable de compaginación. En todo caso, se tiene que 
tener presente que, en las conversiones de los textos entre programas diferentes, pueden 
darse pequeñas modificaciones, por lo tanto, es recomendable dar un exhaustivo repaso a 
los textos (estilos, atributos de carácter y de párrafo) antes de empezar la compaginación. 


Viudas y huérfanas 


Al componer el texto y editarlo en una compaginación concreta, podemos encontrarnos 
con líneas viudas y huérfanas; éstas se tienen que poder evitar al máximo para llevar 
una lectura fluida y cómoda. Una viuda hace referencia a una línea corta al final de un 
párrafo, que aparece sola al principio de la página siguiente. En contraposición, una línea 
huérfana es la primera línea de un párrafo que está sola en la parte inferior de la página 
anterior. 


Ved también 


Sobre el tratamiento del texto 
en la composición tipográfica 
editorial, ved el apartado 3 del 
módulo "Conceptos básicos de 
diseño gráfico" de la asigna- 
tura Diseño gráfico, en concre- 
to, el subapartado "Composi- 
ción de texto: letras, palabras, 
líneas". 
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Por lo general, los textos alineados a la derecha crean menos líneas viudas. Con los textos 
justificados, se tienen que evitar tanto las viudas como las huérfanas con mucho cuidado 
porque la alineación a los dos lados es muy marcada. Las huérfanas se tienen que evitar 
por encima de las viudas. Normalmente, el compaginador tiene que introducir reajustes 
con los bloques de textos para evitar estas incidencias al máximo. La línea ladrona es 
cuando se produce una línea demasiada corta a final de párrafo, de unos 5 o 7 caracteres 
solamente; ¡ésta se tiene que evitar por completo! 


Muestra de una línea viuda y de una huérfana respectivamente. 
Nota legal: © Maat (2007). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicadas en 
Wikimedia Commons. 


Las fuentes tipográficas en los diarios 


Las tipografías utilizadas en los diarios son la mayoría con serifa, ya que éstas ayudan a 
guiar al ojo por la página y tienen mejor legibilidad en los medios impresos, cosa que 
se tiene que reforzar en los diarios al tener una calidad del papel baja, muy absorbente. 
Las fuentes suelen tener blancos internos mayores para evitar problemas con la tinta, 
una elevada altura de la "x" para una mejor lectura, las astas suelen tener un marcado 
contraste y se utilizan tipos más bien condensados para aprovechar mejor el limitado 
espacio de las columnas, generalmente muy estrechas, con bloques de texto pequeños. 
Por otra parte, la mayoría de publicaciones combinan varias fuentes tipográficas, para los 
titulares y algunos subtítulos, entonces se suelen utilizar fuentes sin serifa para contrastar. 


En la publicación de The Times, se puede ver como se 
utilizan varias fuentes tipográficas dependiendo de su 
utilidad: cuerpo de texto, título y subtítulos, entre otros. 
Nota legal: imagen de dominio público procedente de 
Wikimedia Commons publicada por Ranveig (2005). 


En la composición de otros productos como revistas, folletos informativos o 


comerciales, diarios o pósteres, los estilos pueden ser más abiertos que en los 


libros; aun así, dependerá del qué y del cómo se quiera comunicar para utilizar 


una línea de diseño compositivo más vanguardista o más convencional. Sin 


embargo, siempre se tiene que tener presente que la información tiene que ser 


enviada correctamente. Diseño y funcionalidad tienen que ir de la mano, un 


diseño original, creativo y novedoso no implica ir en contra de la funcionali- 


dad ni de la buena legibilidad. 


Referencia bibliográfica 


RobCarter (1999). Tipografía 
experimental 4. Buenos Aires: 
Editorial Documenta. 
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Diez normas básicas para la buena legibilidad de los textos en papel 


Resumen –extraído del libro de Rob Carter (1999)– de los diez consejos básicos que se 
tienen que tener presentes siempre y cuando la intención sea priorizar la legibilidad por 
encima del grafismo en la lectura de los textos: 


1)Escogerfuentesdeusohabitual, conocidas, con una probadalegibilidad. Las que 
tienen las proporciones más óptimas para la lectura son las Baskerville, Caslon, Centaur, 
Franklin Gotic, Frutiger, Garamond, Gill Sans, Helvética, Palatino, Perpetua y Times New 
Roman, entre otras. Una vez escogida la tipografía que se va a utilizar, intentar al máxi- 
mo mantener su integridad: variar sus formas se tiene que hacer siendo conscientes de 
los riesgos que implica. Si queremos una negrita o condensada, es mejor optar por una 
versión de la tipografía en ese estilo, no generarlo con el ordenador, pues las formas no 
serán proporcionadas como las originales y así perdemos calidad tipográfica. 


2)Evitarcombinardemasiadastipografíasdiferentes en un mismo texto: distrae la 
atención y consistencia del diseño. Combinar entre dos o tres fuentes suficientemente 
contrastadas (lo más frecuente es fuentes con serifa combinadas con fuentes sin serifa), 
pero que mantengan unas proporciones similares para funcionalidades diferentes (blo- 
que de texto, pies de foto, titulares). Hay que evitar también utilizar demasiados gruesos 
y cuerpos diferentes en un mismo texto: mejor establecer una jerarquía básica del texto 
y seguirla. 


3) Los caracteres con caja alta no son óptimos para bloques de texto, ya que crean for- 
mas rectangulares demasiado monótonas entre sí. Es mejor utilizar una combinación 
demayúsculasyminúsculas. Estas últimas tienen una mejor legibilidad, con trazos as- 
cendentes y descendentes más marcados que ayudan a diferenciar más claramente los 
caracteres entre sí y a orientar la vista. 


4) Para bloques de texto se ha demostrado que los cuerpos más fáciles de leer están entre 
los 8y12puntos a una distancia de lectura de unos 30-35 centímetros. Sin embargo, se 
tiene que tener presente que, a estas medidas del cuerpo, su apariencia puede variar de 
una fuente a otra (por la altura de la "x" que tengan establecida). 


5)Evitartipografíasdemasiadogruesas (reducen mucho los blancos de las letras) o 
demasiado finas (cuesta distinguir las formas) para el bloque de texto; se debe utilizar una 
tipografía al punto justo. De igual modo, hay que evitar las fuentes demasiado anchas o 
demasiado condensadas y nodistorsionareltexto, pues se modifican las proporciones 
de las letras y se dificulta la lectura. 


6)Utilizarespacioscoherentesentreletrasypalabras. Las letras tienen que fluir con 
naturalidad; si se aumenta el cuerpo de la tipografía se tiene que aumentar proporcional- 
mente la interlínea. Con fuentes finas es mejor utilizar una interlínea mayor que en las 
fuentes más pesadas. La interlínea es necesario que sea la adecuada: que el ojo haga el 
recorrido sin interrupciones, con facilidad. Según la altura de la "x" de la tipografía, se 
necesitará una interlínea mayor o menor. Normalmente, se sitúa entre +1 y +3 o 4 puntos 
superiores al cuerpo del tipo. 


7)Utilizarunalongitudadecuadadelaslíneasdetexto. Las largas pueden cansar y 
aburrir al lector, también pueden hacer que pierda la referencia para encontrar la línea 
siguiente. Las cortas cansan al hacer saltar de líneas constantemente. Utilizar un máximo 
de 70 caracteres por línea –de 10 a 12 palabras– es evidentemente una recomendación 
aproximada, dependerá del cuerpo y de la tipografía. 


8)Laalineaciónalaizquierdaeslamásóptimaparalalegibilidad. La justificada 
también lo puede ser siempre y cuando el ancho de columna no genere una separación 
exagerada del espacio entre palabras. Se tiene que ir con cuidado al combinar diferentes 
alineaciones en una misma página. 


9)Procurarfinalizarlaslíneasdelostextosdemanerarítmica, que no tenga un 
aspecto ni demasiado homogéneo ni demasiado divergente. Hay que evitar las líneas 
viudas y las huérfanas, ya que rompen con el ritmo continuo óptimo de lectura, e indicar 
los párrafos con claridad sin alterar la integridad y coherencia visual del texto. 


10)Destacaryenfatizarpartesdeltexto sin que entorpezcan la fluidez de la lectura: 
utilizar cursivas, cambiar de color, variar la fuente, utilizar versalitas, mayúsculas, negrita, 
en negativos, entre otros, hay muchas maneras posibles. Cuando se opta por poner texto 
sobre fondos oscuros se tiene que vigilar que no se pierda legibilidad, sobre todo en letras 
demasiado finas. 
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Cada proyecto editorial comporta unas estrategias comunicativas y técnicas 


diferentes. El diseñador se encuentra con casos específicos y diferentes cada 


uno con sus particularidades, tanto técnicas como de contenidos. 


Proyectos editoriales 


Proyecto editorial 
Características 


Libroinfantil 
Funcionalidad didáctica, el lector es un espectador, la imagen es la protagonista, la ilustra- 
ción ocupa toda la página, el color está vivo, aporta atracción y fascinación. La doble pági- 
na es tratada como una unidad didáctica. Técnicamente son páginas gruesas, plastificadas, 
no tóxicas, con pocas páginas. 


Librotécnico 
Presenta una composición típica bimedio: correspondencia de imágenes icónicas con tex- 
to. El librodedivulgación es de cariz más comercial, el embalaje gráfico es más atracti- 
vo (normalmente son temas más sencillos). Hay una prioridad didáctica, claridad del texto 
y contenido informativo en las imágenes e ilustraciones. El librotécnicoprofesional: los 
usuarios lo necesitan, son de formación especializada. Hay una sobriedad en el tratamiento 
de los medios. 


Librouniversitario 
Por lo general, es un libro de tipo apuntes, puramente textual, con presencia de cuadros 
estadísticos y gráficos de información, muy sintetizados. Hay muy poca intervención de 
grafismo, mucha información indexada, referenciada y bibliografías. 


Publicacionesdearte 
Encontramos en este apartado diversos productos editoriales como el libro de lujo con un 
tratamiento exquisito de gran formato con muchas ilustraciones, con papel cuché, de alta 
calidad, que normalmente trata un tema monográfico. La revistadearte, ya más funcio- 
nal y variada en temáticas, es una publicación marcadamente más visual; su presentación 
normalmente es exuberante, con un tratamiento de imágenes y tipografía muy cuidados, 
son referentes en diseño gráfico contemporáneo. 


Revistadeactualidad 
Ideologías y marketing son las bases de una revista de actualidad, como revistas con temá- 
ticas políticas, musicales, sensacionalistas o de información general, cada una se adecuará 
al máximo a su target e intentará motivar la compra de la revista. Compositivamente tie- 
nen un montaje muy ágil, la mayoría de las revistas se vuelven collages. La rapidez con la 
que se componen estas revistas requiere un alto grado de creatividad y capacidad de reac- 
ción para adecuarse a los medios. 


Revistascientíficas 
El color, la ilustración, la fotografía y los esquemas se realizan con mucho cuidado y sobrie- 
dad. Son revistas que tienen que transmitir seguridad y al mismo tiempo ser comprensibles 
y llegar al lector, dar la información de manera útil y fiel. Normalmente, incluyen una bue- 
na sección de referencias y bibliografía específica de los temas tratados. 


Catálogosdeventaporcorreo 
Publicidad y persuasión entran en juego. Hay un estudio muy preciso de su target, ya que 
tiene que haber un elemento que motive la lectura. Se debe ser breve y saber condensar 
bien la información. Formatos diferentes, en color y con formas estridentes, desplegables, 
imágenes establecidas de manera continua, sin detenerse, quieren producir euforia y fasci- 
nación en el consumismo. El catálogodemoda sería una aplicación similar, con una línea 
agresiva e informal. La moda es sinónimo de juventud y alegría de vivir el momento pre- 
sente. Se fomenta por encima de todo la independencia y la libertad; estos conceptos se 
plasman sobre todo mediante la imagen fotográfica de modelos que reflejan estas actitu- 
des despreocupadas y transgresoras. 


Ellibroraroyexcepcional 
La mayoría son iniciativas privadas, libros concebidos con unos principios ni comerciales, ni 
docentes, ni divulgativos o técnicos. Son proyectos personales, de alto componente sensi- 
ble. No es un libro de lujo, pero se le podría equiparar en la medida de tener un formato 
muy cuidado, de exclusividad. Es un verdadero regalo para la vista y los sentidos. 


Abraham Moles; Luc Janiszewski (1990). Grafismo funcional (pág. 197-227). Barcelona: CEAC. 
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3.1.2. 
La jerarquía del texto 


La jerarquía es un procedimiento visual para comunicar la relevancia 


en los diferentes elementos que forman parte de una composición ti- 


pográfica. Es una guía visual de organización. La jerarquía nos da una 


disposición lógica del texto, nos facilita su lectura y la comprensión. Se 


establece un código que indica cómo se tiene que componer el texto; 


a cada nivel de jerarquía le corresponderán unas especificaciones tipo- 


gráficas concretas (familia, fuente, estilo, cuerpo y color, entre otros). 


Los textos se escriben mediante bloques de información. Normalmente, son 


columnas que se seccionan según los contenidos. A veces, nos será necesario 


resaltar alguna parte del texto (dentro del bloque de texto), entonces se utili- 


zan mecanismos como cambiar el grueso o inclinar el tipo, incluso cambiar 


la misma fuente tipográfica. Un posible caso sería utilizar una tipografía con 


remates para el cuerpo de texto y, para destacar alguna palabra o frase dentro 


del mismo bloque, cambiarlo a una tipografía contrastada, como sería una sin 


remates, de palo seco. También podemos cambiar de color, poner negrita o 


cursiva. Hay otros recursos como poner el texto en negativo (sobre fondo ne- 


gro). No obstante, en este último caso se tienen que tener presente las varia- 


ciones perceptivas: los caracteres se verán más estrechos sobre fondos oscuros 


que sobre fondos claros, hecho que se tiene que compensar. Igualmente, al 


cambiar de tipografía tenemos que modificar los cuerpos, si es necesario, para 


igualar la altura de los tipos. 


Bloque de texto con la fuente tipográfica Times New Roman de cuerpo 10; para destacar partes del texto se 
aplica la fuente de palo seco Franklin Gothic Book con cuerpo 12. Ésta es una opción para enfatizar un texto. 
Existen otras, como utilizar la negrita, las versalitas, las cursivas o cambiar de color. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia. 


El color como elemento 
tipográfico 


El color también puede ser un 
elemento clave para estable- 
cer jerarquía visual en el texto, 
ya que nos aporta definición, 
contraste y además el mismo 
color nos aporta una significa- 
ción concreta; dota al conjun- 
to tipográfico de más dinamis- 
mo. Es un recurso muy utiliza- 
do sobre todo en publicacio- 
nes comerciales y de cariz más 
lúdico. 
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Jerarquía de los titulares 


Por lo general, hay establecidos unos dos o tres niveles de titulares, no más, a excepción de casos de textos técnicos o muy especializados. Las características establecidas en cada 
caso dependerán del estilo definido en la compaginación. Éstos no son herméticos y se tienen que tomar como una orientación de estilo. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia. 


Las jerarquías varían dependiendo del tipo de información o proyecto que 


se está trabajando. Algunas necesitan más elementos que otras para marcar 


los diferentes niveles de importancia de los textos. No es lo mismo establecer 


los parámetros para una jerarquía de una novela que los que se tienen que 


determinar para una revista lúdica. 


Hay opciones posibles ilimitadas para definir las jerarquías dentro de 


un texto, lo importante es que la jerarquía escogida por el diseñador se 


vea con claridad, sea lógica y se pueda aplicar. 


Ortotipografía 


"Se puede definir ortotipografía como el protocolo y las buenas costumbres de la letra 
impresa, una serie de parámetros establecidos en la redacción y edición de textos. 


Estudio de la gramática de la puntuación (las comas y los puntos, los dos puntos, el punto 
y coma, los paréntesis, los guiones, los signos de interrogación y los de exclamación...) 
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de un texto que derivan de las normas de sintaxis, entonación y gusto personal en el 
redactado; cómo tratar las citaciones; el uso de mayúsculas y minúsculas, la cursiva, las 
comillas, las versalitas y la negrita; los números (cifras romanas o arábigas); cómo cons- 
truir las abreviaturas (siglas, acrónimos, contracciones); las bibliografías (descripciones y 
referencias bibliográficas); así como conocer los elementos tipográficos que toman parte 
en la composición del texto (tamaños, fuentes, estilos, particularidades de los símbolos 
y caracteres específicos, etc.). 


El primer tratado data de 1608 y lo escribió Hieronymus Hornschuch, llevaba por título: 
Ortotipografía, manual para los que tienen que corregir impresos y consejos útiles y necesarios 
para los que tienen que publicar sus propios escritos. Tradicionalmente se han ocupado de la 
tarea de la correcta redacción y revisión de los textos los llamados correctores (personas 
con formación lingüística en filología), pero desde la irrupción de la autoedición se están 
perdiendo estos especialistas intermediarios en detrimento de una óptima redacción del 
texto. 


Hay dos tradiciones tipográficas: la anglosajona y la continental europea (o también lla- 
mada francesa), ambas son de hecho muy diferentes, pero ambas siguen un «código ti- 
pográfico» propio, con unas convenciones editoriales establecidas según siglos de expe- 
riencia. No son normas ni leyes estancas, son abiertas y flexibles, pero este pluralismo no 
significa falta de sentido y claridad en la edición de textos. 


Se tiene que intentar saber medir cada paso, consensuar cada decisión tomada. No hay 
un sistema único, pero sí hay un orden establecido, una lógica, una coherencia interna 
que no imposibilita la libertad creativa, siempre que se haga con responsabilidad y sien- 
do respetuosos con la tradición; creando textos y composiciones que sean estéticas y al 
mismo tiempo funcionales, sobre todo cuando se trabaja dentro del mundo del libro y 
su edición." 


Josep Pujol; Joan Solà (1995). Ortotipografia. Manual de l'autor, l'autoeditor i el dissenyador 
gràfic. Barcelona: Columna Editorial. 


3.1.3. 
La combinación tipográfica 


Un proyecto editorial puede requerir la combinación de diferentes fuentes ti- 


pográficas con estilos variados, el diseñador tiene que saber cómo conjugar 


esta combinación de manera adecuada. Para combinar dos o más tipografías 


en un mismo proyecto, la clave es que tienen que estar suficientemente con- 


trastadas y que mantengan proporciones coherentes, por ejemplo que la altura 


de la "x" o la relación de ésta con la altura de los terminales no sea demasiada 


diferente o, en el caso de la utilización de tipos muy estrechos con otros muy 


anchos, evidentemente dependería de cómo fuera la combinación. Si se com- 


binan dentro de un mismo texto es importante que tengan proporciones simi- 


lares, en cambio si es para textos de pie, esta variación no sería tan importante. 


Para combinar dos tipografías, la clave reside en que las dos sean sufi- 


cientemente contrastadas y al mismo tiempo proporcionadas. 


Una aplicación práctica de esta regla es combinar una tipografía con serifa, 


de tipo romana preferiblemente (con connotaciones más tradicionales), con 


otra tipografía sin serifa, preferiblemente de palo seco (con connotaciones más 


modernas). La tipografía con terminales se utilizará para los bloques de tex- 


to, ya que tiene una mejor legibilidad en impresión, y la fuente de palo seco, 


normalmente con una mayor altura de la "x", será más óptima para texto des- 


tacado y titulares. 
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La Vanguardia, rediseñada en el 2007 por Pablo Martín Staff, combina la fuente 
serif Mercury con la sans serif Taz (sustitutas de las anteriores Times y Futura 
respectivamente). El Avui, rediseñado en el 2005 por Casas i Associats, combina 
la fuente serif Hércules con la sans serif Amplitude. 
Nota legal: © estas imágenes se reproducen acogiéndose al derecho de cita 
o reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de 
estos materiales. 


Actualmente, puede haber para una misma tipografía versiones con serifa y sin 


serifa. Esta tendencia viene marcada por esta necesidad gráfica de diferenciar 


a la vez que armonizar las composiciones tipográficas. Encontramos mucha 


variedad de ejemplos como la fuente tipográfica pionera Rotis, que tiene ver- 


siones con y sin serifa, u otras más actuales como las fuentes Poynter o Fedra, 


entre otros. 


También se dan casos de nuevas creaciones que nacen con la función de com- 


binar con unas tipografías en concreto, normalmente las más reconocidas y 


clásicas. Tenemos un ejemplo con la famosa tipografía Frutiguer (1976) creada 


para la señalética del aeropuerto Charles de Gaulle de París que tanto éxito 


tuvo por su óptima legibilidad así como elegancia. Adrian Frutiguer ha creado 


en colaboración con el tipógrafo japonés Akira Kobayashi la fuente Frutiguer 


serif (2008). Se trata de una tipografía muy diferente de la Frutiger, pero que 


combina a la perfección. Ópticamente son muy compatibles. 


A la derecha, la Frutiger serif (2008), que se basa en la fuente Meridien (1957), también diseñada por 
Frutiger. No se trata sólo de poner trazos terminales sino de buscar la mejor combinación posible. 
Nota legal: visualización de las fuentes tipográficas extraída de http://www.identifont.com. 


Otras especificaciones que debemos tener presentes al combinar tipografías y 


estilos son la utilización de diferentes gruesos, ya sea de una misma familia 


tipográfica o no. El contraste entre los diferentes gruesos se tiene que poder 


reconocer suficientemente, por lo general está la distancia mínima de dos ca- 


sillas. Si se utilizan pesos demasiados parecidos, no se combinarán con elegan- 
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cia. En la combinación de cuerpos en las tipografías y jerarquías establecidas 


en las composiciones, se tiene que tener siempre presente que lo importante 


es contrastar con la medida justa. 


3.1.4. 
La página impresa: tamaños y proporciones 


La primera consideración que se tiene que tener en cualquier composición 


editorial será el tamaño y la forma de la página. Las proporciones establecidas 


para los tamaños de la página en las artes gráficas parten de la proporción 


áurea. Ésta proviene de las culturas antiguas como la egipcia, la griega y la 


romana, que consideraban esta proporción como la más equilibrada y bella. 


El rectángulo nos presenta una relación de 1:1,168. Existe una relación entre dos números, la razón del 
menor en relación con el mayor es la misma que la razón del mayor en relación con la suma de los dos. La 
fórmula resultante sería: a : b = b : (a + b). Cuando eliminamos el cuadrado de un rectángulo áureo, nos 
queda otro rectángulo áureo. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración 
propia. 


La secuencia de Fibonacci (por su autor Leonardo Fibonacci, 1170-1240) es 


una serie de números en la que cada número es el resultado de la suma de los 


dos números anteriores. 


Ésta se aproxima mucho a la relación de la sección áurea. La naturaleza está 


llena de ejemplos de la progresión de Fibonacci: los intervalos en las ramas 


de un árbol, la concha del nautilo, los pétalos de una flor o los huesos de la 


mano, entre otros. Esta proporción, como la sección áurea, se utiliza desde la 


época clásica por parte de arquitectos y artistas para determinar las escalas y 


proporciones. Podemos encontrar la progresión numérica de Fibonacci en el 


cuerpo de los tipos directamente (5 pt/8 pt/13 pt/21 pt/34 pt/55 pt) o multi- 


plicada por 2 (6 pt/10 pt/16 pt/26 pt/42 pt/68 pt) y así sucesivamente. Nos 


pueden también ayudar para establecer una jerarquía en la composición de 


textos: por ejemplo, sería el caso de utilizar un cuerpo de letra 8 para pies de 


foto, un cuerpo de letra 13 para el bloque de textos y el cuerpo 21 para titula- 


res, manteniendo esta proporción entre ellos. 
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La secuencia Fibonacci tiene mucha relación con la sección áurea por sus proporciones armónicas. Estos números se 
utilizan, entre otros usos, para medir el cuerpo de las tipografías y determinar la posición de los bloques de texto. 
Nota legal: imagen de dominio público procedente de Wikimedia Commons publicada por el Grupo Firenze (2008). 


¿Qué fue antes el huevo o la gallina? 


Existe el debate de si tanto la sección áurea como la secuencia de Fibonacci se consideran 
estéticamente armónicas porque realmente lo son o porque nos han enseñado a creer que 
lo son. Ésta es una cuestión que todavía hoy en día no tiene una respuesta contundente 
ni está empíricamente probada con suficiente fiabilidad. En lo que sí se está de acuerdo 
es que las dos proporciones siguen siendo uno de los patrones más utilizados tanto en 
diseño como en otras aplicaciones artísticas y técnicas. Se tienen que conocer y saber 
valorar y no se tiene que dudar de su tradición, así como de su influencia culturalmente 
establecida. 


Desde el famoso violín Stradivarius hasta el moderno iPod de Apple, los dos aplican la proporción 
áurea a sus productos. 
Nota legal: © Håkan Svensson (2009). Creative Commons Reconocimiento Compartir Igual 3.0-es. 
Publicada en Wikimedia Commons. 
© Paranomia (2009). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada en 
Wikimedia Commons. 


Para los tamaños del papel se han aplicado varios sistemas de estandarización. 


Como con otras cosas en el mundo del diseño y la edición hay dos tradiciones: 


la europea y la americana. En la tradición de raíz europea, las proporciones de 


CC-BY-SA • PID_00158259 
97 
Escritura y tipografía 


los papeles se basan en la norma DIN 476 que el Instituto Alemán de Norma- 


tivización (DIN por Deutsches Institut für Normung) editó en 1922 basándose 


en una ley de la Francia revolucionaria de 1798. Su consolidación en el uso 


hizo que en 1975 fuera adoptada como un estándar internacional como nor- 


ma ISO 216, completada posteriormente por las normas ISO 269 (1985) e ISO 


217 (1985). Sus proporciones se basan en medidas del sistema métrico y utiliza 


la proporción de la raíz cuadrada de dos (1:1,4141) para calcular los diferentes 


tamaños proposicionales existentes dentro de una superficie de un metro cua- 


drado (formato A0). La buena praxis de este sistema creado por Wilheim Ost- 


wald radica en que cualquier formato establecido (A0, A1, A2, A3, A4, A5...), 


al doblarse por la mitad, obtendremos una hoja con las mismas proporciones. 


Está la proporción de factor 2 o 1/2. Hay varias series definidas: la serie A, que 


se utiliza para las publicaciones más comunes como revistas, cartas o folletos; 


la serie B, que serían las medidas intermedias para libros y octavillas, y la serie 


C, que son las utilizadas para los sobres. Éstos pueden acoger los papeles de 


la serie A sin problemas. 


Estándares definidos para la serie A de DIN. Partiendo de una superficie de un metro cuadrado, éste se van 
seccionando en tamaños proporcionales más pequeños para obtener los diferentes formatos. Este método optimiza 
recursos en la utilización del papel y permite estandarizar las especificaciones técnicas de los productos. Vemos la 
diferencia de tamaños con algunas estandarizaciones del sistema americano. 
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Nota legal: © Romanm (2005). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada en Wikimedia 
Commons. 


Al tener diferentes medidas de papeles que guardan proporción matemática 


entre sí nos proporciona un sistema flexible: se puede ampliar o reducir una 


página de un tamaño a otro sin tener que variar la ubicación de sus elementos 


compositivos. No obstante, hay que tener presente si estos cambios inciden 


en la legibilidad. 


Los otros sistemas de estandarización 


El sistema ISO lo utiliza en un 95% de la población mundial. Sin embargo, existen otros 
sistemas establecidos, como es el caso del sistema americano, utilizado en los Estados 
Unidos, el Canadá y México principalmente. Las medidas establecidas se basan en los 
tamaños de página de 216 × 279 milímetros o de 229 × 305 milímetros, muy similares 
a las medidas del sistema de página tradicional. Éstas alternan proporciones diferentes, 
de 17/11 o 22/17. 


• 
Elsistematradicional. En los inicios de la imprenta, el tamaño de la hoja de papel 
estándar era de 406 × 508 milímetros y de 482 × 609 milímetros. Las medidas de la 
página eran el folio (media página), el cuarto (un cuarto de página) y un octavo (una 
octava parte de la hoja). Las medidas variaban según el tamaño de la página. El folio 
y el octavo eran los que más se aproximaban a la sección áurea. 


Subdivisiones de un pliegue tradicional. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia. 


• 
Elsistemaamericano. La principal desventaja del sistema americano respecto del 
sistema ISO/DIN es que, al pasar de un tamaño a otro, no se mantienen las proporcio- 
nes, así como el hecho de que cada país ha ido evolucionando en sus propias medidas. 
Actualmente, existe la tendencia generalizada de adaptarse al sistema más popular y 
flexible de la ISO, a pesar de que se encuentra con el problema del coste que requiere 
cambiar toda la maquinaria del sector de producción y manipulación del papel. 
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Sistema estándar de los Estados Unidos 
Nota legal: imagen de dominio público procedente de Wikimedia Commons publicada por Mikla (2007). 


3.1.5. 
Lectura y composición de la página 


Toda composición tipográfica incluye una serie de elementos que, tanto por 


sus características estéticas como de legibilidad, se tienen que tener presentes 


a la hora de decidir la composición de la página. El primer paso importante 


que se debe considerar es conocer cuál será el recorridovisualdellector. Se 


tiene que definir un puntodeentrada en el diseño; este punto, a pesar de 


que pueda parecer evidente, dependerá del diseño de la página y puede no ser 


tan sencillo de localizar. 


Esquema básico de la lectura de una página 


El lector primero dirige la mirada hacia la parte superior izquierda de la página, después 
se desplaza hacia el centro y finalmente a los extremos. Hay que decir que este esquema 
puede variar totalmente dependiendo de los elementos que se incluyen y cómo se ubican 
(imágenes, ornamentaciones, titulares, subtítulos). Aunque por regla general, si los pesos 
visuales están equilibrados, siempre se opta por leer el texto (si éste es breve) antes de 
mirar en detalle una imagen. 


Leemos los titulares y subtítulos antes de mirar con detalle la imagen (en 
sangre) a pesar de tener una tamaño muy superior. 
Nota legal: imagen de dominio público procedente de Wikimedia Commons 
publicada por StudioJS (2009). 


En una revista, hay preferencia de la mirada a las páginas derechas, por eso es más caro 
colocar un anuncio en las páginas derechas que en las izquierdas. No obstante, esta pre- 
ferencia de la mirada se puede tergiversar utilizando técnicas de combinación texto-ima- 
gen. Si ponemos imágenes con un peso visual grande (tamaños grandes, que ocupan casi 
toda la página, colores y motivos atractivos), entonces se equilibra la preferencia, mira- 
mos la imagen antes de pasar a leer el texto de la página derecha. 


Verso(reverso)yrectus(anverso) 
En la tradición bibliográfica y de imprenta, 
se utiliza la denominación latina: la página 
izquierda del lector, que lleva numeración 
impar, se llama verso (reverso) y la de la 
derecha, que lleva la numeración par, rectus 
(anverso). 
Nota legal: imagen de dominio público 
procedente de Wikimedia Commons publicada 
por Tkgd2007 (2008). 
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Nos fijamos antes en las imágenes de la página derecha que en los bloques de texto a mano 
izquierda. Destaca por el color, textos breves, nos dirige a mirar la obra del artista antes que leer los 
comentarios. Páginas internas del catálogo de la asociación artística Gènere i gèneres (2001). 
Nota legal: esta imagen se reproduce acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) 
y está excluida de la licencia por defecto de estos materiales. 


La jerarquía visual establecida en las publicaciones nos da una direccionalidad en la mi- 
rada, la conduce, nos marca el camino que debemos seguir, de ahí su importancia a la 
hora de definir un diseño compositivo de página. 


En la actualidad, se utilizan mecanismos de eye tracing (recorrido del ojo) pa- 


ra saber qué miramos y en qué orden. Este sistema da información es muy 


útil para saber cómo responde el lector frente a una imagen o información 


concreta. En especial, en campos como la publicidad, el diseño gráfico y de 


usabilidad en la creación de interfaces web e interactivos, la automoción o 


la esponsorización, entre otros, se estudia cómo responden los usuarios para 


poder adaptar mejor los productos a los intereses y necesidades de éstos. 


Se utilizan tecnologías diversas, incluso podemos encontrar aplicaciones libres 


en Internet como el Lightweight Eyetracking Algorithm. Una vez la tenemos 


instalada, mediante la webcam, calcula el recorrido del ojo y nos devuelve los 


movimientos llevados a cabo. 


Diagrama de Gutenberg 


Se trata de un diagrama que describe el patrón general que sigue la vista cuando se observa 
una información homogénea. Lo divide en cuatro cuadrantes: 


1) la zona óptima primaria (ubicada en la parte superior izquierda), 
2) la zona de barbecho fuerte (ubicada en la franja superior derecha), 
3) la zona de barbecho débil (ubicada en la franja inferior izquierda) y 
4) la zona terminal (inferior derecha). 


Los lectores occidentales empezamos la lectura de la página por la zona óptica primaria 
y vamos bajando mediante una serie de barridos visuales hasta la zona terminal. Cada 
pasada empieza en un eje de orientación (éste viene marcado por elementos que nos orde- 
nan la mirada como alineaciones, titulares o gráficos) y sigue una dirección de izquierda 
a derecha. Las zonas que no forman parte de este eje direccional (barbecho fuerte y débil) 
reciben una mínima atención si no se les da relevancia visualmente (mediante jerarquías 
visuales o imágenes). La tendencia natural de esta direccionalidad en diagonal de supe- 
rior izquierda a inferior derecha se llama gravedad de la lectura y se argumenta por la 
gravedad natural (de arriba abajo) y de convención cultural de la población acostumbra- 
da a leer de izquierda a derecha y de arriba abajo con alfabetos como el latín, el griego 
o el cirílico. 
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Esquema del diagrama de Gutenberg definido por el tipógrafo Edmund Arnold en 1950. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. 
Imagen de elaboración propia basada en un gráfico extraído de Arnold Edmund (1950). 
Diagrama de Gutenberg. En: W. Lidwell, K. Holden y J. Butler (2005). Principios universales 
de diseño (pág. 100). Barcelona: Editorial Blume. 


Actualmente, muchos de los diseños de composición tipográfica que siguen esta gravedad 
de la lectura son considerados armónicos, hay una orientación lógica, lo que mejora el 
ritmo en la lectura y la comprensión. Sin embargo, no está comprobado que estos diseños 
mejoren la velocidad o asimilación de los contenidos. Es útil sobre todo en casos donde 
tenemos gran cantidad de texto compuesto de manera uniforme y homogénea. En caso 
contrario, es mejor utilizar elementos visuales para dirigir la mirada. 


La ubicación del texto y otros elementos que conforman una página está es- 


pecificada siguiendo unas proporciones establecidas. Se conoce una propor- 


ción ideal de página, creada por el tipógrafo Jan Tschichold (1902-1974), que 


se basa en proporciones de 2:3, un diseño simple y efectivo. Desde la época 


medieval, se han seguido unas reglas en la composición muy sencillas pero 


que al mismo tiempo resultan armónicas y efectivas. 


Sin embargo, los requisitos de la impresión contemporánea normalmente nos 


alejan de la proporción deseada, tanto por cuestiones técnicas como de aho- 


rro de costes: nos encontramos con muchas ediciones de libros impresos con 


márgenes muy estrechos y líneas demasiado largas. La aplicación en produc- 


tos específicos, sobre todo para usos más comerciales y lúdicos, utilizan toda 


una serie de medidas y proporciones variables, así el diseñador tiene que saber 


valorar los pros y los contras en cada caso. Siempre que sea posible, tiene que 


intentar crear composiciones óptimas, con buena legibilidad, claridad en la 


muestra de los contenidos y no perder la comunicación. 


La golden mesure o medida de oro 


Ésta es la división del espacio de una página según la proporción clásica: 


• 
el lomo y el margen superior son una novena parte de la página; 


Por una fuerte tradición medieval, todavía 
se aplican las proporciones áureas en la 
composición de los libros. Nota legal: imagen 
de dominio público procedente de Wikimedia 
Commons publicada por Jossifresco (2006). 
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• 
el margen interior es la mitad del margen exterior; 
• 
la altura del bloque de texto debe ser equivalente al ancho de la página. 


Nota legal: imagen de dominio público procedente de Wikimedia Commons 
publicada por Dicklyon (2008). 


Tendremos que proceder de la siguiente forma: 


1) Partimos de una página con proporción 2:3. Dibujamos líneas diagonales que cruzan 
toda la superficie de la página. 


Nota legal: © Nanosmile (2005). Creative Commons Reconocimiento 
Compartir Igual 3.0-es. Publicada en Wikimedia Commons. 


2) Dibujamos líneas equidistantes horizontales que se cruzan con las líneas diagonales, 
por ejemplo, dividimos la página en nueve partes iguales (este número puede variar de- 
pendiendo del bloque de texto que se quiera crear). Se define el espacio para el bloque 
de texto. 


Nota legal: © Nanosmile (2005). Creative Commons Reconocimiento 
Compartir Igual 3.0-es. Publicadas en Wikimedia Commons. 
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Nota legal: © Nanosmile (2005). Creative Commons Reconocimiento 
Compartir Igual 3.0-es. Publicadas en Wikimedia Commons. 


3) Si queremos, también se puede definir un punto de anclaje (para sangrías u otros ele- 
mentos que se incluyan en el bloque de texto, como pequeños iconos o imágenes de 
referencia). Trazamos una línea recta desde el punto de intersección de las diagonales de 
la página izquierda o verso (a) pasando por la esquina superior izquierda del bloque de 
texto de la página derecha o rectus (b) hasta llegar a la parte superior. Una vez tenemos 
este punto, trazamos una línea descendente en vertical. Este punto de anclaje será pro- 
porcional al resto de medidas. 


Fuente: © Nanosmile (2005). Creative Commons Reconocimiento Compartir 
Igual 3.0-es. Publicadas en Wikimedia Commons. 


La regla de los tercios 


La regla de los dos tercios proviene de los antiguos sistemas reticulares en la composición. 
Se aplica fácilmente dividiendo la superficie en tercios, tanto en la vertical como en la 
horizontal para crear una cuadrícula invisible de nueve rectángulos y cuatro interseccio- 
nes. La asimetría resultante es más interesante, tiene más fuerza visual, resulta ser más 
atractiva al espectador que elaborar un reticulado de mitades y totalmente simétrico. 


Es una técnica muy práctica y cómoda de trabajar, ya que no requiere cálculos específicos 
y se logra una aproximación a la proporción áurea (2/3 es una proporción de 0,666 y la 
proporción áurea es de 0,618). 
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Creación digital de Alba Ferrer Franquesa, se rige por una 
estructura interna de 2/3 en formato vertical. 
Nota legal: © UOC. Creative Commons Reconocimiento 
Compartir Igual 3.0-es. A. Ferrer. Demanar pomes a 
l'ametller (2006). 


Según sean los elementos y su peso visual específico en una composición, se determinará 
la ubicación en la parrilla. Es importante saber contrarrestar (crear el contrapunto) los 
elementos principales de los secundarios con la finalidad de tener un equilibrio y armonía 
compositivos. La cuadrícula, con sus líneas e intersecciones, nos será de mucha utilidad 
para una óptima ubicación. 


Según Lidwell; Kristina Holden; Jill Butler (2005, pág. 168) en su obra Principios universales 
de diseño. 


Lo importante no es tanto el tipo de retícula base que utilizaremos en las com- 


posiciones (pues dependerá de cada proyecto y de sus particularidades) sino 


dibujar una y usarla. La retícula básica nos ayudará a organizar los diferentes 


elementos. Gracias a esta estructura base de la página se puede mantener entre 


diferentes páginas de una misma publicación una coherencia interna y dotarla 


de consistencia y estilo propios, que ayude al lector a una mejor orientación 


y comprensión de la información. 


Reglas en la composición básica de la página 


Las siguientes son las principales reglas en la composición básica de la página: 


1) La altura de la mancha tipográfica, el bloque de texto, es similar o igual a la anchura 
de la página completa. 


2) La ubicación del bloque de texto viene determinada por las diagonales que describen 
la página entera: página reversa y anversa. 


3) Los márgenes a doble página definen una unidad de medida; ésta en el margen superior 
será el equivalente a 1,5, en los márgenes exteriores a 2 unidades y en el margen inferior 
a 3 unidades. 


Respecto de los principios 


Es importante conocer estos 
principios, reglas y normas, 
pero no son herméticos, ya 
que variarán dependiendo de 
los recursos, tanto técnicos co- 
mo de presupuesto, de cada 
proyecto, así como de las pro- 
pias decisiones de cariz más 
estético y visual. La actual di- 
versificación de los medios nos 
lleva hacia una aplicación de 
los viejos principios en situa- 
ciones actuales. Se tiene que 
priorizar la legibilidad, el signi- 
ficado, la claridad y la adecua- 
ción del proyecto por encima 
de las normas y usos tradicio- 
nales. 
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Esta maquetación de página estándar genera que el bloque de texto ocupe un 40% de la superficie total de la página, a la 
vez que nos da espacio en blanco para poder ubicar sin problemas otros elementos (paginación, notas) y al mismo tiempo 
nos resulta atractiva. Está armónicamente compensada. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia. 


3.1.6. 
Maquetación: retículas y columnas 


Una forma práctica y habitual para maquetar textos es dividirlos en diferentes 


columnas, así cada página puede presentar más de un bloque de texto. Esto 


da dinamismo y al mismo tiempo mejora la legibilidad, al ser las líneas más 


cortas, da más agilidad a la lectura. También, al tener más espacios en blanco, 


ya no se limitan sólo a los márgenes establecidos de la página. Podemos tener 


composiciones variadas, normalmente el diseñador establece una parrilla (re- 


tícula) para crear la estructuración de la página que nos determinará cómo se 


ubicarán las columnas y otros elementos que formen parte de la composición 


(como ilustraciones, imágenes, pies de foto, paginación o titulares). Existen 


infinidad de combinaciones posibles: dependerá de los contenidos y sus espe- 


cificaciones, así como del formato del papel escogido y los tamaños y, como 


no, de las decisiones de estilo. 


Podemos tener retículas simétricas (la página reverso y la anverso idénticas) 


o asimétricas, componer con sólo textos o bien textos con gráficos. Lo impor- 


tante no es tanto el número de columnas y la estructura escogida sino que 


ésta sea armónica, que nos permita colocar todos sus elementos sin compli- 


caciones. 


Podemos escoger entre muchas combinaciones posibles de maqueta- 


ción; lo importante es que haya una estructura interna armónica, cohe- 


rente y consistente a lo largo de todo el proyecto para poder ubicar y 


combinar todos los textos y gráficos sin problemas. 
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Elementos de una retícula de página 


En la siguiente imagen podéis ver los diversos elementos constitutivos de una retícula 
de página: 


1)Áreadetexto, mancha de texto o mancha tipográfica: el área de la página donde se 
ubica el texto. 


2)Columna: área donde se coloca un texto. 


3)Márgenes: el espacio en blanco que rodea las áreas de texto y el espacio de la página, 
puede ser el margen superior, el inferior, el lomo y el exterior. 


4)Camposocolumnas: componente básico de la retícula, la anchura viene determinada 
por la longitud de la línea del texto. 


5)Espaciosverticalesyhorizontales: los espacios en blanco que separan los diferentes 
campos marcados en una retícula. La altura viene determinada por la interlínea especi- 
ficada en el cuerpo de texto, la anchura suele ser mayor que la anchura de la M para 
diferenciar las columnas de texto con bastante claridad. 


6)Númerodelapáginaofolio: ubicado fuera del área de texto, pero tiene que estar 
vinculado ya sea horizontal o verticalmente. 


7)Líneadepiedepágina: ubicada fuera del área de texto, pero relacionada en horizontal 
o vertical con el bloque de texto. 


8)Encabezamiento: en la parte superior de la página, normalmente indica siempre la 
misma información y nos ubica el título del libro, el capítulo o el apartado, entre otros. 


9)Piedefotooilustración: normalmente los encontraremos con cursiva y alineados 
en el centro o margen izquierdo de la foto o ilustración y en la horizontal del cuerpo 
de texto. 


10)Imágenes/elementosgráficos: espacio que se deja para incluir elementos visuales 
como fotos, ilustraciones, esquemas o dibujos, normalmente los encontraremos alinea- 
dos a la horizontal y la línea base de los bloques de texto más próximos para mantener 
una armonía visual. 


Elementos constitutivos de una retícula de página 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia. 
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Una vez definidos los campos de los que se compone una retícula, se estipulan 


los espacios en blanco. Por norma general, suele funcionar el diseño si los es- 


pacios en horizontal son iguales o ligeramente superiores o inferiores al ancho 


del bloque de texto. En los espacios verticales, suele ser de +2 cuadratines del 


cuerpo utilizado en la tipografía del bloque de texto. 


Se tiene que diferenciar bien cuándo finaliza un campo y cuándo empieza 


otro para obtener un ritmo de lectura óptimo. Sean cuales sean las medidas 


y la retícula escogidas, se tiene que intentar al máximo que las proporciones 


entre todos los elementos que la componen sean múltiplos de la interlínea del 


bloque de texto, de esta manera se consigue que cada cierto número de líneas 


los componentes estén alineados entre sí. 


Una vez ya se han estipulado todos los parámetros que forman parte en la 


composición de una retícula, llega el momento de probarla a fondo, es decir, 


comprobar diferentes maquetaciones posibles, añadiendo titulares, subtítulos, 


pies de página, diferente número de columnas y combinaciones posibles, co- 


mo alineaciones verticales, horizontales o cruzadas. Todo esto nos validará la 


retícula para poder empezar a maquetar sin problemas. Una vez se ha definido 


un estilo de página, se tiene que aplicar de modo consistente, de lo contrario 


generaría desorden y confusión, inconexión con el texto y costaría seguir. 


Las maquetaciones con formato horizontal permiten áreas de texto más an- 


chas, favorecen una lectura más profunda. Al contrario, los formatos vertica- 


les, al tener anchuras más estrechas de columnas, nos permiten lecturas más 


rápidas y esquemáticas; son las más utilizadas en publicaciones como los dia- 


rios y revistas lúdicas, con una lectura breve e incisiva, no prolongada. La re- 


tícula se tiene que diseñar para poder funcionar tanto en página simple como 


doble página, se tienen que cubrir todas las opciones y variaciones posibles. 


Las maquetaciones basadas en columnas son adecuadas para formatos muy 


diversos y tienen la ventaja de que se pueden adaptar bastante bien a diferen- 


tes situaciones de diseño. 


Formatos apaisados 


Los formatos apaisados permiten líneas largas, las cortas se pueden perder. Se 
utilizan sobre todo en formatos de libros y publicaciones donde las imágenes 
tienen especial relevancia. 


Ejemplo 


Si tenemos un cuerpo de texto 
de 8 pt dejaremos un espacio 
de 16 pt, si es de 10 pt será de 
20 pt y así sucesivamente. 


CC-BY-SA • PID_00158259 
108 
Escritura y tipografía 


Nota legal: © Revista 5 y Olas (n.° 6). Estas imágenes se reproducen 
acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) y están excluidas 
de la licencia por defecto de estos materiales. 


Formatos verticales 


Los formatos verticales permiten líneas cortas, las largas no son adecuadas. 
El texto justificado en líneas cortas da problemas porque genera espacios 
irregulares entre palabras o interletrados desiguales y demasiados anchos. En 
el caso de pies de foto es mejor utilizar alineación a la izquierda y a la derecha 
según donde se encuentre la imagen. 
Nota legal: © Escucurucuc ediciones (2008). Estas imágenes se reproducen 
acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) y están 
excluidas de la licencia por defecto de estos materiales; publicado en http:// 
www.escucurucuc.com. 


Hay retículas más complejas que implican una organización tanto vertical co- 


mo horizontal: la retícula entonces se convierte en primordial. Se tiene que 


definir un esqueleto no como si fuera una composición artística, sino como 


una construcción de la página. Se tiene que crear un contexto donde ubicar 


los elementos visuales y tipográficos de la mejor manera posible. Cuanto más 


consistencia tenga la estructura creada, mejores serán los resultados obtenidos, 


a pesar de que ésta tiene que permitir también cierta flexibilidad para poder 


adecuarla a casos especiales. 


El maquetador 


Muchas veces es también el diseñador gráfico. Toma decisiones sobre cómo será la retí- 
cula a partir de sus intuiciones iniciales sobre las proporciones entre los elementos. Las 
medidas definitivas no se establecen hasta que se tienen definidos los parámetros tipo- 
gráficos (el tipo, el cuerpo y la interlínea, entre otros). La retícula no tiene que ser un ele- 
mento estático; la estructura es óptima cuando se puede adaptar fácilmente a diferentes 
opciones siempre y cuando se mantenga una consistencia visual. Los programas de com- 
paginación electrónica permiten operar con facilidad y flexibilidad diferentes retículas. 
Normalmente, se crea una página muestra base y se crean variantes de ésta para abarcar 
todas un gran número de opciones posibles. Una misma publicación puede incluso utili- 
zar diferentes reticulaciones sobrepuestas para adaptarse a los contenidos. Los programas 
normalmente trabajan en medidas de picas o puntos para tipografía y en milímetros para 
los tamaños de la página. 


En la edición impresa de libros, revistas y diarios, resulta útil definir 


una estructura interna base para todas las páginas que los componen. 


Hay que crear un esqueleto, no como si fuera una composición artística, 


sino como una construcción de la página que nos permitirá dar una 


ubicación de los elementos que aporte coherencia al conjunto. 
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No se tiene que perder la finalidad esencial en el diseño editorial: que el con- 


tenido sea el máximo comprensible para el lector. Cómo se organiza esta in- 


formación y cómo se coloca en la página nos determinará el grado de claridad 


y funcionalidad así como el atractivo estético de la composición. 


Para la creación de productos editoriales, por imprenta, una vez se determinan 


sus contenidos y su finalidad, se establece primero un formato idóneo para 


cada caso, con una jerarquía y estilo concretos: se seleccionan las tipografías 


adecuadas, así como los elementos gráficos que se van a incorporar (como ilus- 


traciones, ornamentos, fotos o dibujos). Una vez editado, maquetado y com- 


puesto, se imprime y se procede a la compaginación: la distribución correcta 


de las hojas que conforman la publicación, el producto final. 


Compaginación y tipografía en los diarios 


Los diarios son publicaciones con noticias, información y publicidad. Se estipulan cuatro 
medidas de papel: 


• 
Hoja grande, tamaño sábana (broadsheet, 600 × 380 milímetros), normalmente de 
cariz más intelectual. 
• 
Tabloides: la mitad de los broadsheets (380 × 300 milímetros), considerados de cariz 
más sensacionalista. 
• 
Berliner o midi (470 × 315 milímetros), el estilo europeo, El País sería un ejemplo. 
• 
De revista: formato similar a las revistas, como el caso del ABC. 


Las composiciones en la mayoría de publicaciones son marcadamente verticales, con la 
aplicación de retículas formadas por varias columnas, que combinan imágenes y bloques 
de texto. 


Portada de El País y dos ejemplos de páginas interiores. Se ve claramente la reticulación utilizada y las variaciones 
según sean los contenidos. 
Nota legal: © El País, Grupo PRISA (2009). Estas imágenes se reproducen acogiéndose al derecho de cita o 
reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de estos materiales; publicado en http:// 
www.elpais.com. 


3.1.7. 
Texto e imagen 


Las retículas que se utilizan en la maquetación de productos editoriales nor- 


malmente son estructuras sobre las que se combinan textos con imágenes, 


donde unos u otros pueden tener más o menos relevancia según el tipo de 
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publicación y el tema. Es importante tener presente que la mayoría de las imá- 


genes están en formato rectangular y que necesitan un espacio alrededor para 


respirar. 


Las imágenes son elementos que pueden ejercer la función de acompañamien- 


to del texto, de refuerzo o bien pueden tener más importancia que el texto 


mismo. La ubicación y las medidas serán los parámetros que nos determinarán 


su relevancia en la página. Podemos tener muchas combinaciones posibles, 


dependerá de cada proyecto. 


A la izquierda, portada del magacín Business del diario The Guardian, un ejemplo de predominio del texto por 
encima las imágenes, éstas no son las protagonistas. También representa una clara muestra de reticulación con seis 
columnas en vertical. A la derecha, otra portada, este caso del magacín Property también de The Guardian, donde 
predomina la imagen sobre el texto. La intencionalidad del magacín y sus contenidos son diferentes, el diseño se 
adecua a cada caso. 
Nota legal: © The Guardian (2009). Estas imágenes se reproducen acogiéndose al derecho de cita o reseña 
(artículo 32 de la LPI) y están excluidas de la licencia por defecto de estos materiales; publicado en http:// 
www.guardian.co.uk/. 


Revista aZ (n.° 5), Reciclaje industrial. Escucurucuc ediciones. Vemos como 
se alterna imagen y texto por igual, hay un trabajo de diseño gráfico y 
compaginación muy trabajado, que da una especial relevancia a los elementos 
tipográficos. Éstos aglutinan dos funciones: comunicativa y visual. 
Nota legal: © Escucurucuc ediciones (2009). Estas imágenes se reproducen 
acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) y están 
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excluidas de la licencia por defecto de estos materiales; publicado en http:// 
www.escucurucuc.com. 


Libro infantil de la colección "Petits investigadors", n.° 1: Què expliquen els avis? Escucurucuc 
ediciones. Ejemplo práctico de publicación infantil donde domina la imagen por encima del texto: 
éste se convierte en un elemento secundario. Con un diseño elaborado, se juega con el contorneado 
del texto para darle dinamismo. 
Nota legal: © Escucurucuc ediciones (2009). Estas imágenes se reproducen acogiéndose al derecho 
de cita o reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de estos materiales; 
publicado en http://www.escucurucuc.com. 


Sea cual sea la combinación escogida, lo importante es delimitar los espacios 


para cada elemento. Los elementos compositivos que conforman una publi- 


cación normalmente los importaremos a un programa de maquetación desde 


otras aplicaciones: editores de textos (como MS-Word u OpenOffice), editores 


de imagen digital (como Photoshop o Gimp) o editores de imágenes vectoria- 


les (Illustrator, Inkscape, XaraXtreme o CorelDraw, por ejemplo). En compa- 


ginación, se trabaja principalmente con cajas de texto, cajas gráficas y líneas. 


Hay elementos tipográficos, ilustrativos y decorativos. Se ubican las cajas gra- 


cias a la retícula definida y pueden tener tamaños y estilos variados (contornos, 


grosor, colores, ornamentaciones), independientemente de sus contenidos. 


Compaginación de una página DINA4 mediante combinación de cajas de texto y cajas de imágenes. La visualización 
en esquema nos da las particularidades internas de cada elemento. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia. 
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Las cajas de texto pueden contornear una imagen, difuminando su apariencia 


de cuadrado estático. El efecto de contorneado se utiliza mucho en revistas 


para adaptar el texto a la forma de las imágenes y otros elementos gráficos, 


de manera que dé a todo el conjunto una apariencia flexible y dinámica. Los 


tipógrafos constructivistas fueron los pioneros en crear diseños con elemen- 


tos decorativos mediante los propios bloques de texto. Podemos crear diversos 


efectos con esta técnica, desde incorporar texto dentro de una silueta deter- 


minada hasta envolver una imagen con palabras. Se debe tener presente que 


estos efectos necesitan un reajuste del texto y su legibilidad. Actualmente, gra- 


cias a las prestaciones de los programas de maquetación de libros y revistas, se 


pueden crear verdaderas obras de diseño donde el texto desempeña un papel 


gráfico importante. 


Contornear la imagen es una técnica visual muy utilizada: el texto rodea o recorre una imagen, un objeto, su silueta, 
total o parcialmente, como si de una malla se tratara. O el mismo texto forma la silueta, las opciones son muchas. 
Nota legal: © portada e interior de la revista Quo. Estas imágenes se reproducen acogiéndose al derecho de cita o 
reseña (artículo 32 de la LPI) y están excluidas de la licencia por defecto de estos materiales. 


Diseño gráfico editorial 


El diseño en las revistas especializadas, por ejemplo, en arte, arquitectura, interiorismo, 
musicales, de viajes o de divulgación es uno de los elementos más importantes que se 
deben determinar. El lector/consumidor valora tanto o más la imagen que nos transmite 
la publicación que sus contenidos. 


El diseño gráfico tiene mucho peso en una publicación, sobre todo si se quiere dar una 
imagen concreta: puede ser de modernidad y vanguardia, clásica y fiable o divertida y 
lúdica, por ejemplo. Se generan tendencias, modas, estilos diferentes para reflejar el pro- 
pio espíritu de la publicación. El diseñador toma parte en este proceso y tiene que saber 
valorar todas las opciones posibles a la vez que escoger el estilo gráfico. 


Las letras también se pueden utilizar como elementos gráficos. Por sí mismo, 


un carácter o un conjunto de caracteres pueden tener mucha fuerza comuni- 


cativa y visual. La tipografía es forma, contornos que pueden tener estilos, ta- 


maños y colores. El diseñador es consciente del poder de atracción que pue- 


de generar trabajando con la tipografía, combinándola con bloques de texto, 


imágenes, ilustraciones o por sí misma. 
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Podemos experimentar con la tipografía como forma de presentar un texto. 


Ésta es una estrategia gráfica que se ha utilizado desde el nacimiento del dise- 


ño como disciplina en diferentes momentos. Puede ser un ejemplo la poesía 


experimental de las décadas de 1950 y 1960 con usos innovadores como la 


creación de collages donde los poetas se fijaban más en la forma como creaban 


los textos que en sus significados o los tipogramas, juegos visuales y semán- 


ticos de las letras, la palabra y lo que comunica. Los trampantojos, ilusiones 


ópticas o los caligramas "pintan con las palabras" una acción que, a pesar de 


ser de inicios del siglo XX, hoy en día se convierte en muy actual. 


Estamos rodeados de tipografías de todo tipo; las encontramos en las marcas 


corporativas e instituciones, con sus logotipos en la señalética de calles, carre- 


teras y edificios, en los grafitis de las calles, en los pósteres publicitarios, en 


las revistas, libros, flyers, tarjetas de felicitación y visita, catálogos de compras, 


entre otros. Hay una democratización en el uso de la tipografía. La capacidad 


creativa de la tipografía es inmensa y sus aplicaciones también. 


Imagen de un graffiti 
Nota legal: © Keysmatic (2007). Creative Commons Reconocimiento Compartir Igual 3.0-es. Publicada en 
Wikimedia Commons. 


3.2. Composición tipográfica para pantalla 


Durante muchos años las fuentes tipográficas se han creado y han evolucio- 


nado pensando en ser aplicadas exclusivamente en papel, es decir, tecnología 


de impresión en tinta sobre papel (o material similar). Pero ¿qué pasa cuando 


estos caracteres no son para imprimir? Gran parte del texto que leemos hoy 


en día está en medio digital, como televisión, páginas web, juegos o móviles. 


La tecnología es diferente, las soluciones también. 


Imagen de un tipograma 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0-es. A. 
Ferrer (2009). Ausencia. 
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La tradición tipográfica, pensada para imprimir (tinta sobre papel), no 


es la misma que la aplicación tipográfica para verse en pantalla, son 


dos tecnologías de representación de los tipos tipográficos diferentes, 


con necesidades y particularidades propias. Por eso, se han de adaptar 


a cada caso. 


Aunque podemos decir que hay una cultura tipográfica que se mantiene vi- 


gente independientemente del medio utilizado, se tiene que tener presente 


que se deben introducir algunas adaptaciones dependiendo del medio. Algu- 


nos principios básicos de la buena praxis tipográfica en formato papel pueden 


no ser del todo aplicables a la aplicación tipográfica para pantalla y viceversa. 


Temas como la mejora de la resolución y el contraste en la visualización de las 


fuentes tipográficas para pantalla están evolucionando a un ritmo acelerado. 


Actualmente, las pantallas han mejorado mucho respecto de las pantallas de 


la década 1990, por lo que algunas normas adoptadas por la mayoría de dise- 


ñadores se convierten en obsoletas, pero a pesar de esta mejora tecnológica se 


tiene que ser consciente de que el medio de representación es diferente: pasa- 


mos de tener puntos (impresión de tinta) a tener píxeles (parrilla de cuadra- 


ditos), son tecnologías diferentes con necesidades específicas propias. Ponga- 


mos por caso el ejemplo de tener una fuente tipográfica con unos vértices muy 


angulados en sus caracteres, este hecho puede equivaler a tener problemas de 


definición de los contornos (pues la parrilla de píxeles no podrá representarlo 


con bastante definición). No obstante, hay que decir que en la actualidad se 


está trabajando en toda una serie de recursos tecnológicos para resolver estos 


problemas de conversión con el objetivo de conseguir igual o mejor definición 


para la visualización de las fuentes tipográficas en pantalla. La evolución en 


este apartado es muy rápida. 


En este subapartado, intentaremos averiguar las características principales que 


afectan al hecho tipográfico en el medio pantalla, sus particularidades así co- 


mo conocer algunas de las normas establecidas, la buena praxis tipográfica, 


para pantalla, aun teniendo presente que éstas evolucionan muy rápidamente 


para adecuarse a las tecnologías cambiantes. 


3.2.1. 
Leer en la pantalla 


No se lee igual la pantalla que un libro. Con las tecnologías digitales, se han 


adquirido unos hábitos de lectura muy diferentes. Muchos usuarios encuen- 


tran que leer en la pantalla es cargante, así que optan por imprimir los con- 


tenidos que necesitan y leerlos en formato papel (los archivos PDF son muy 


útiles para estos propósitos); pero no siempre dependerá de la información 


que se quiere conseguir. Leer en la pantalla no es una acción continua, como 


puede pasar con un libro; en la web se da una lectura parcial y aleatoria, el 


usuario lee pequeñas porciones de texto, busca más que lee información. Es- 
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te tipo de lectura viene determinado por la propia naturaleza de la Red, con 


vínculos constantes que nos llevan de una información a otra. Cuando no hay 


una narrativa lo bastante coherente y sustancial de la información, se ve como 


una fiabilidad baja en los contenidos. Muchas veces, los usuarios no obtienen 


la información deseada, todo resulta ser demasiado efímero. Por ejemplo, si 


nos encontramos con vínculos obsoletos, que no funcionan, enseguida des- 


confiamos de la información dada. 


Los documentos escritos para ser leídos en línea tienen que seguir una estruc- 


tura concisa y muy ordenada, ya que muchos de los usuarios escanean la in- 


formación más que leerla; entonces, las páginas web se tienen que diseñar en 


función de esta manera de interactuar del lector. Es mejor adecuar la lectura 


de los contenidos a la manera de actuar del lector que forzarlo a pararse y leer, 


pues la mayoría de veces no lo hará. Hay diferentes metodologías para intentar 


no perder los lectores y al mismo tiempo dar información útil: 


• 
Redactar de modo conciso y directo. 


• 
Estructurar los contenidos en grupos lógicos de información, categorías y 


subcategorías; es mejor diferenciar cada parte en páginas diferentes. Éstas 


tienen que estar bien conectadas, por lo que es esencial un sistema de 


navegación adecuado. Esta partición tiene que basarse en los contenidos, 


no en la forma. Cada uno tiene que tener sentido propio e independiente, 


a pesar de que pueda estar relacionado con el resto. 


• 
Utilizar sistemas modulares para presentar la información, consistentes y 


bien especificados. Facilitar la lectura de escaneo cuando el lector lee en 


la pantalla. 


¿Lectores metódicos o de escaneo? 


En la web, nos podemos encontrar generalmente con dos tipologías de lector cuando se 
hace una búsqueda: los que escanean la información, de manera breve y rápida, y los 
que quieren buscar información para imprimirla y leerla tranquilamente fuera de línea. 
Son dos tipos diferentes de lectura y necesitan dos maneras de presentar los contenidos, 
aunque se pueden combinar fácilmente. La metodología más corriente es la de adaptar la 
información para la pantalla y al mismo tiempo dar la opción al usuario para que pueda 
imprimir la información. En esta segunda opción, los contenidos estarán redactados ex- 
presamente para ser leídos de manera continua. Es el caso de los populares archivos en 
formato PDF, que muy a menudo se ofrecen como complemento de la página HTML o de 
las versiones por impresión definidas en hojas de estilo específicas. El diseñador puede 
optar por ofrecer las dos soluciones. 


La estructuración de la página también es esencial para su lectura. Se tiene que 


segmentar el texto de manera que sea fácilmente localizable, utilizar párrafos 


no demasiado largos, utilizar títulos o subtítulos lógicos, no superfluos; usar 


brevesresúmenes que nos orienten de lo que hay a continuación, como en 


los portales de noticias, por ejemplo. Lo importante es que el usuario pueda 


ver en un primer estadio dónde se encuentra la información y cómo tiene que 


interactuar con ella sin confusiones. 
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En la pantalla, la información tiene que estar visualmente muy biencontras- 


tada. Mediante el uso de titulares, listas, menús, ilustraciones e imágenes se 


crean puntosdeentrada a la lectura, que dirigen al lector hacia una u otra 


dirección y dan una jerarquía a los contenidos para optimizar la comprensión. 


Uno de los métodos más utilizados en la web es el sistema conocido como 


la pirámideinvertida, que proviene del medio periodístico: se trata de citar 


ante todo la conclusión o resumen de la información, emplazando al primer 


párrafo las partes más interesantes y dejando para el final las secundarias. 


Consideraciones estilísticas en la escritura 


Hay establecidas algunas consideraciones estilísticas en la redacción de contenidos. Éstas 
generan textos más amenos y comprensibles, de fácil lectura. También se tiene que in- 
tentar al máximo seguirlo para el texto en línea, ya que no deja de ser texto. 


• 
Iralgrano: evitar bienvenidas y presentaciones innecesarias. 


• 
Escribirmediantelaconstruccióndeoracionessimples, no utilizar demasiadas 
subordinadas ni la voz pasiva. Localizar el sujeto de manera clara. 


• 
Utilizarlavozactivamejorquelapasiva. Mantenerse en un mismo estilo en toda 
la redacción. Si se empieza por la primera persona, la tercera del singular o el plural, 
hay que ser consistente. 


• 
Pensarglobalmente, estamos diseñando para Internet. Evitarconvencionesdema- 
siadolocales en las fechas, metáforas concretas y dichos populares. 


• 
Utilizar números en vez de escribir el número completo, es decir, poner 1985 en vez 
de mil novecientos ochenta y cinco, pero no utilizar números en estimaciones genéricas, 
es mejor decir cien mil espectadores que 100.000 espectadores. 


Hay algunas consideraciones importantes a la hora de dar formato a los tex- 


tos largos para ser publicado en la web, resumimos las estandarizaciones más 


comúnmente aceptadas: 


• 
Evitardemasiadosvínculos,puesrompenlacontinuidadenlalectura. 


Es mejor considerar incorporar al final del texto una lista de los vínculos 


referenciados en un artículo: son igualmente accesibles y no despistan al 


lector, no lo perderemos desde un principio. 


• 
Evitardemasiadosnivelestipográficos,sobretodoenelenfatizado. Es 


muy importante marcar una jerarquía visual de la información con el mí- 


nimo de elementos posibles, utilizando hojas de estilo CSS para ser con- 


sistente y al mismo tiempo crear un diseño adaptado y fácil de modificar. 


• 
Parece algo obvio, pero esimportanterepasareltextoafondo y pasarle el 


corrector. Un texto con faltas y mal escrito se traduce en una desconfianza 


por parte del lector. 


• 
Vigilarlaconversiónquesufreeltextocuandopasadeuneditorde 


textosalformatoweb. Hay caracteres, como números y signos específi- 


cos, que se pueden perder o variar. Siempre se tiene que repasar. 


CC-BY-SA • PID_00158259 
117 
Escritura y tipografía 


Aplicación de los consejos estilísticos 


Sobre las consideraciones y consejos estilísticos del texto para pantalla, hay que mencio- 
nar que todas estas apreciaciones se centrarían especialmente en páginas web de cariz 
sobre todo informativo, con cantidades de texto considerables en sus pantallas. Por otra 
parte, en la actualidad nos encontramos con muchas y diversas tipologías de páginas web 
donde puede variar mucho la aplicación de estas recomendaciones, incluso se podrían 
convertir en no óptimas. Sitios web como blogs o comunidades virtuales tendrían sus 
propias recomendaciones de estilo. Es un tema todavía muy actual –justo se están elabo- 
rando los primeros estudios–, la evolución es constante y el código se convierte en muy 
abierto y flexible. 


Palabras clave 


En formato web es muy importante constatar la importancia que tienen las palabras 
clave o keywords. Éstas son las que utilizan la mayoría de buscadores en Internet. Cuando 
tenemos un usuario que quiere información sobre un tema u otro, utilizará una serie de 
palabras o frases breves que definan lo que quiere buscar. Buscadores como Google, Yahoo 
y otros escanean las múltiples páginas posibles en busca de las palabras clave etiquetadas 
de una página web. Éstas influyen en cómo aparecen indexadas en sus bases de datos y, 
en definitiva, en la presentación de resultados de las búsquedas. Se tienen que utilizar 
palabras clave que definan de la mejor manera posible los contenidos de una página. 
Estas palabras clave se encuentran en varios elementos internos de la página web. 


• 
Títulodelapágina<title>. Los títulos en web son muy importantes: es la primera 
porción de información que vemos. Hay que intentar que en la descripción del título 
de una página web se utilicen palabras clave de los temas que contienen, de manera 
clara y concisa. 


• 
Titularesprincipales<h1> <h2> 


• 
Lasprimeraslíneasdelospárrafosdelosbloquesdetexto, de ahí la importancia 
de utilizar la metodología de la pirámide invertida en el redactado de los contenidos. 


• 
La etiqueta <alt> para definir los contenidos de las imágenes y otros elementos in- 
visibles para los buscadores. 


• 
Las <meta> tags, etiquetas que se colocan en el encabezamiento de cada página 
(<head>) para dar información sobre los contenidos de la página. Dentro de esta eti- 
queta se pueden poner contenidos para los robots de búsqueda etiquetados con un 
nombre como keywords, author, description. 


• 
Incluso el propio nombredearchivo que se da a la página web también cuenta. 


Una última recomendación práctica: no repitáis palabras clave, ya que no aumentaremos 
las posiciones y se nos volverá en contra, pues los buscadores nos lo invalidan. Lo mejor 
es ser sencillo, eficaz y escoger las palabras más descriptivas posibles. 


3.2.2. 
Estructura y diseño de la página web 


En los últimos diez años se han determinado unas guías más uniformes y pre- 


visibles en la estructura base de las páginas web con texto e imágenes (fotos, 


ilustraciones, vídeos, animaciones), a pesar de que no todas utilizan una mis- 


ma estructura, la mayoría incorporan algunos o muchos de los componentes 


básicos que conforman una página web. Esta estandarización, aunque relati- 


vamente reciente, ayuda a poder tener una mejor lectura de las páginas web. 
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Estructura básica de una página web con todos sus elementos compositivos. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia 
basada en un gráfico extraído de http://www.webstyleguide.com. 


Del mismo modo que en impresión se define una parrilla base, una reticula- 


ción normalmente en doble página, para establecer la ubicación de los dife- 


rentes elementos, en diseño para pantalla también es esencial diseñar una pá- 


gina plantilla, o varias, con el fin de definir una estructura interna que sea 


consistente y eficaz. Es importante mencionar que la página principal, la ho- 


me, no tiene que ser la plantilla base, sería como utilizar la portada de un libro 


para reticular todos sus contenidos. 


Diferentes opciones de plantillas posibles para diseño web, templates. 
© UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia basada en un gráfico extraído de http://www.webstyleguide.com. 


El diseño de la página web debe ser eficaz para transmitir confianza al usuario. 


La manera como se organizan los gráficos, textos y otros recursos es de vital 


importancia. El diseñador tiene que conocer cómo dirigir la mirada del espec- 


tador, cómo priorizar la información, cómo conseguir que las interacciones 


sean comprensibles y fáciles. Se tiene que encontrar el equilibrio entre el im- 


pacto visual, el nivel de información y la interactividad. Se tienen que cono- 


cer las propias limitaciones del medio, que es muy diverso y está en cambio 


constante. 
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Utilizar una continuidad visual y formal en la organización de los contenidos, 


en el grafismo y en la tipografía es vital para dar al usuario un entorno cohe- 


rente y estable de navegación. 


Se tiene que simplificar al máximo la navegación, reducir las confusiones y 


posibles errores de interacción, pero sin disminuir la libertad y fluidez propias 


del medio. Una página web tiene que transmitir dinamismo y al mismo tiempo 


confianza. Consistencia y predicción son dos elementos esenciales en cual- 


quier diseño por pantalla. Las típicas retículas utilizadas en la estructuración 


de diseños para papel también son útiles en las pantallas; sin embargo, en web 


son más complejas debido a la variedad de dispositivos y tecnologías en los 


que una misma página puede ser visualizada. La retícula de una página web 


tiene que ser flexible, tiene que poder adaptarse a diferentes situaciones. Es un 


sistema mucho más fluido y abierto que el sistema de retículas de un libro o 


revista, pero a pesar de todo también se pueden estipular sistemas regulares 


y consistentes. 


Si no hay un sistema de retícula debidamente contrastado se puede crear confusión, sin niveles ni jerarquía de información 
aparente. El resultado será caótico y decrecerá su usabilidad y legibilidad. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia basada en 
un gráfico extraído de http://www.webstyleguide.com. 


Los templates 


Para una máxima eficacia en publicación web es útil tener un conjunto de plantillas, bien 
diseñadas y documentadas que incorporen: 


• 
un manual de identidad global de la empresa o institución que se representa, 
• 
sistemas de navegación y arquitectura adaptados a la empresa o institución, 
• 
un diseño con CSS hojas de estilo y código xhtml, adaptabilidad y flexibilidad, 
• 
el uso de una semántica consistente en los contenidos, 
• 
un programa definido sobre el uso de la tipografía, 
• 
el cumplimiento de los estándares en accesibilidad, 
• 
compatibilidad con la mayoría de los sistemas operativos y navegadores. 


3.2.3. 
Adaptabilidad y hojas de estilo CSS 


Componer para pantalla no es el mismo que componer para proyectos impre- 


sos. Cuando se diseña para proyectos multimedia hay multitud de destinos 


posibles para un mismo material: se tiene que pensar en la adaptabilidad de 
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los contenidos a los diferentes sistemas posibles, desde una pantalla de gran 


formato hasta el televisor o a las varias opciones de pantallas de ordenadores 


que existen. 


Desde la perspectiva del diseñador hay una manera práctica de encarar 


esta diversidad de sistemas: conocer la fuente del documento y aplicar 


las hojas de estilo para dar formato a los documentos en línea. De esta 


manera, se consigue poder adaptar el diseño a sistemas diferentes. 


Para definir los estilos, podemos hacerlo de varias maneras: podemos definir 


los atributos de las diferentes etiquetas (etiquetas o tags de HTML) en el enca- 


bezamiento (<head>) de cada documento (página .html o similar) o podemos 


crear hojas de estilo externas. Esta última opción es la manera más eficaz, ya 


que es fácil modificar y adaptar a cada caso, por ejemplo si se quiere cambiar 


el color de fondo de toda una página web, sólo cambiando la propiedad de 


<background-color>, que se refiere al color de fondo de un elemento, en 


la hoja de estilo, todos los documentos que enlazan con ella cambiarían esta 


propiedad y no tendríamos que ir fichero por fichero para cambiarlo. 


Las hojas de estilo se enlazan mediante el orden siguiente: 


<link rel="stylesheet" type="text/css" href="pantalla.css" media="pantalla"/> 


<link rel="stylesheet" type="text/css" href="imprimir.css" media="imprimir"/> 


<link rel="stylesheet" type="text/css" href="mobil.css" media="mobil"/> 


Normalmente se empieza diseñando una página web para ser vista sobre un 


ordenador con un navegador web convencional y se crea una hoja de estilo 


adecuada a este tipo de visualización (screen). Una vez realizada, se introducen 


las modificaciones oportunas para la visualización en otros dispositivos o para 


otros propósitos. Una hoja de estilo para imprimir (print) y otra para pantalla 


de móvil (handheld) son los más comunes. 


Las hojas de estilo CSS se convierten en la mejor manera de adaptar el diseño de una página web para visualizarse 
sin problemas en diferentes medios. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia 
basada en un gráfico extraído de http://www.webstyleguide.com. 
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Gracias a la adaptabilidad que nos da trabajar con hojas de estilo para forma- 


tear los contenidos multimedia podemos añadir o eliminar elementos; quizás 


en un medio nos son prácticos, pero se convierten en innecesarios en otro. Por 


ejemplo, para una versión impresa del documento en web nos resultará más 


práctico eliminar los vínculos, ya que no son operativos en papel. Tenemos 


que saber reconocer las particularidades específicas que requiere cada medio. 


Cuanto más adaptemos los contenidos a cada sistema mejor será el diseño re- 


sultante. 


Un inconveniente en la apariencia homogénea de las fuentes tipográficas para 


aplicaciones web es la constante incertidumbre de cómo lo verá realmente 


el usuario final, ya que muchas veces dependerá de las tipografías que tenga 


instaladas en el ordenador, así como del sistema operativo, la plataforma, el 


navegador, la versión y su configuración, además de las características de la 


conexión desde donde se accede a Internet. Todo esto y más puede variar esta 


visualización, irremediablemente. ¿Qué hacer pues? 


¿Universalidad o 
concreción? 


Las páginas web flexibles son 
más universales a pesar de te- 
ner más limitaciones en la ma- 
quetación, sobre todo cuan- 
do ésta es compleja y depen- 
de mucho de las medidas fijas 
para las relaciones de página, 
tipografía y grafismo. Depen- 
diendo de cada caso, se priori- 
zará un camino u otro. 


Las hojas de estilo1 son la respuesta más práctica a esta pregunta. Las hojas de 


estilo nos permiten controlar el aspecto visual en el encabezamiento, párrafos, 


listas y otros elementos de página. 


Las principales ventajas en el uso de hojas de estilo CSS son las siguien- 


tes: 


• 
Separación del contenido y el diseño. 


• 
Control eficaz sobre gran cantidad de documentos. 


• 
Control tipográfico con menos código. 


• 
Más opciones en el formateado. 


• 
Adaptabilidad y usabilidad universal; se puede adaptar a muchos 


sistemas. Además, cada usuario puede establecer qué hoja de estilo 


le es más óptima para la visualización. 


• 
Da consistencia al diseño global del sitio web. 


3.2.4. 
Especificaciones de la tipografía por pantalla 


La tipografía establece una jerarquía visual muy importante dentro de una pá- 


gina web o aplicación multimedia. Aparte de ser el vehículo de la comunica- 


ción escrita, también nos sirve para dar énfasis y acentuar partes concretas de 


la página. Ayuda a entender la relación que los bloques de información tienen 


con las imágenes y otros contenidos subordinados. 


(1)En inglés, style sheets (CSS) 
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Aunque hay muchos puntos en común entre la tipografía para texto impreso y 


la de pantalla, se tienen que tener en cuenta algunas diferencias. Un factor que 


debemos tener en cuenta es que, a pesar de las mejoras de resolución en los 


últimos años, todavía no tenemos la misma calidad en pantalla que en papel. 


Mientras en un producto impreso es habitual un mínimo de 1.200 puntos por 


pulgada, en pantalla todavía hay muchos dispositivos con resoluciones por 


debajo de los 100 puntos por pulgada. Por eso, los sistemas operativos actuales 


aplican tecnologías de suavización y otros sistemas para mejorar la apariencia 


de las tipografías para pantalla. 


Un uso óptimo de la tipografía nos da un contraste visual de una fuente a otra 


e igualmente entre los bloques de texto, los titulares y los espacios en blanco 


que forman la página. Se tiene que tener especial cuidado en la utilización 


de los márgenes. En formato web, éstos pueden tener muchas variaciones en 


su percepción debido al uso de diferentes navegadores, resoluciones, contar 


con varias ventanas abiertas, espacios minimizados, entre otros. Los márgenes 


contrastan el espacio positivo (texto e imágenes) con el espacio negativo (es- 


pacio vacío), igualmente importantes. 


En la primera imagen no hay una jerarquía visual establecida, da sensación de desorden; en la segunda imagen, gracias a 
una correcta reticulación y uso de la tipografía, podemos aplicar una jerarquía visual óptima, funcional. 
Nota legal: © UOC. Creative Commons Reconocimiento Compartir Igual 3.0-es. Imagen de elaboración propia basada en 
un gráfico extraído de http://www.webstyleguide.com. 


Podemos establecer que muchas de las propiedades referentes al uso, la legibi- 


lidad y la buena praxis de la tipografía en papel pueden migrar a la pantalla, 


pero hay que matizar varios aspectos. 


Con respecto a la alineación, en web también se pueden alinear los textos a 


la izquierda, derecha, centrados y justificados; las características de legibilidad 


son las mismas que podemos tener en el medio impreso, pero se tiene que 


tener presente que en la alineación justificada, a pesar de que se pueden apli- 


car técnicas de reajuste en el espacio de los caracteres y palabras, no son tan 


Tecnología cambiante 


Hay que decir que las tecnolo- 
gías en este sector están evolu- 
cionando a pasos agigantados, 
así pues intuimos que algunas 
de las anotaciones dadas en 
este apartado tienen una fe- 
cha de caducidad próxima. No 
obstante, creemos convenien- 
te conocer las características 
básicas que hay que tener pre- 
sentes en el tratamiento tipo- 
gráfico para pantalla y su apli- 
cación. 
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esmeradas en su aplicación como en la maquetación de libros y revistas. Eso 


puede dar problemas de espacios en blanco no deseados entre palabras, por lo 


que se tiene que vigilar mucho su aplicación en los textos para pantalla. 


La longitud de las líneas de los bloques de texto para pantalla tienen que ser 


las óptimas para la lectura, igual que en papel, pero se tiene que tener presente 


que la pantalla no se lee tan cómodamente como un libro o revista y muchas 


veces tenemos líneas demasiado largas. También está la dificultad añadida de 


cómo controlar las longitudes de líneas. Hay maneras de poder controlarlo, 


como por ejemplo sería fijar la anchura de la columna donde se incluye el 


texto: es recomendable que no sea superior a unos 50 em (aproximadamente 


365 píxeles), con un cuerpo y texto estándar para pantalla esta medida da unos 


50 caracteres por línea, una opción óptima de lectura. 


La interlínea con código plano HTML no se puede controlar. Sin embargo, sí se 


puede hacer con los estilos CSS, cosa que resulta muy práctica para una mejor 


legibilidad del texto por pantalla. Si aumenta la longitud de la línea, aumen- 


tamos su interlínea para mejorar la lectura; se utiliza el control line-height. En 


impresión, la norma es tener una interlínea +1, +2 o +3 del cuerpo de texto; 


en pantalla se aconseja dar algo más de espacio para compensar las líneas, que 


suelen ser más largas, así como la baja resolución de las pantallas. Para definir 


este interlineado se utiliza una medida relativa, con ems o porcentajes, como 


podemos ver en este ejemplo: 


body { font: 1em/1.3em Georgia, "Times New Roman", serif; } 


Para separar párrafos, igual que con la composición de textos escritos en pa- 


pel, se utilizan varias opciones, las más corrientes serían ejecutar una peque- 


ña sangría indent al inicio de un nuevo párrafo o bien dar un doble espacio. 


Para los tamaños relativos de las medidas en CSS style, se utiliza de nuevo la 


medida em, veamos dos ejemplos: 


Para la sangría se utiliza la propiedad de text-indent en el párrafo <p> 


<p style="text-indent: 2em">Loren ipsum...</p> 


Para separar espacios, debemos aplicar la propiedad de margin en el párrafo 


<p style="margin-bottom: 1.2em">loren ipsum...</p> 


Las hojas de estilo CSS también pueden estructurar la apariencia visual, com- 


posición de espacios, en una página web. La maquetación CSS consiste en uti- 


lizar contenedores o capas2 que en HTML se definen con las marcas <div></ 


div> (de apertura y cierre, respectivamente) para estructurar la maquetación 


de la página web. Así, podemos designar cada capa con el atributo id que la 


identifica de manera que podremos definir sus propiedades de esta capa en 


el archivo CSS. Si queremos definir los estilos para diversas capas, podemos 


hacerlo utilizando el atributo class. Un ejemplo de utilización de la marca 


div sería: 


(2)En inglés, layers 
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Ejemplo.html 


... 


dentro de body 


<div id="capa1"> 


Hay que poner los contenidos: imágenes, texto, animaciones, etc.<br/> 


</div> 


Estilo_Ejemplo.css 


#capa1 {/*aquí definimos las propiedades de la capa*/ 


background-color: #fff; 


margin: auto; 


color: #000; 


} 


Más sobre las hojas CSS 


Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje para definir la 
presentación de un documento de HTML o XML. El W3C (World Wide Web Consortium) 
es el encargado de formular la especificación de las hojas de estilo que servirá de estándar. 


La idea fundamental que hay detrás del desarrollo de CSS es separar la estructura de un 
documento de su presentación. 


Cuando se utiliza CSS, la etiqueta <H1> no tendría que proporcionar información sobre 
cómo será visualizada, sólo marca la estructura del documento, en este caso define que el 
texto es un titular de primer nivel. La información de estilo de cómo se tiene que mostrar 
<H1> (color, fuente, alineación del texto, tamaño y otras características) se define en una 
hoja de estilo, un archivo del tipo hojaestilo.css. 


Las hojas de estilo se pueden aplicar de tres maneras: 


• 
Externo (hojas CSS enlazadas). 
• 
Interno (hoja de estilo incrustada dentro de la página html). 
• 
Dentro del código (estilo definido dentro de las propias etiquetas HTML utilizando 
el atributo style). 


Una misma página puede tener especificadas diferentes hojas de estilo dependiendo del 
dispositivo de salida, como pantalla, impresión o móvil. También permite que el usuario 
pueda seleccionar la hoja de estilo que se adapte a sus necesidades, por ejemplo una hoja 
de estilo que puede ser leída por un sintetizador de voz para una persona con discapacidad 
visual. La adaptabilidad que permite el diseño con hojas de estilo es una de las grandes 
mejoras en usabilidad y accesibilidad de las páginas web. 


Direcciones web recomendadas 


Los siguientes son algunos enlaces prácticos para conocer más a fondo cómo diseñar con 
hojas de estilo CSS: 


Definición del estándar CSS en W3C.org (inglés) 


Hojas de estilo web (traducción del documento Web Style Sheets propiedad de Bert Bos 
y publicado en W3C). 


Una demostración visual de aplicación con hojas de estilo (castellano). 


Guía de referencia rápida CSS21 (castellano). 


Ved también 


Para más información sobre las hojas de estilo (CSS), tenéis la lectura del material de la 
asignatura Lenguajes y estándares web disponible en http://mosaic.uoc.edu/ac/le/es/m2/ 
ud6/index.html. 
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Con las primeras versiones de páginas web y código HTML, los diseñadores 


tenían poco control de las fuentes tipográficas que veía el usuario, ya que és- 


tas podían estar especificadas por el navegador. Las páginas se veían en una 


fuente u otra especificada por las preferencias que el usuario había definido; 


y también dependía de las fuentes que tenía instaladas en su sistema operati- 


vo. Gracias a la aparición de las hojas de estilo CSS se pueden especificar en 


cascada distintas opciones de utilización de fuentes y se ha ganado en capaci- 


dad de control sobre los parámetros tipográficos, como el interletrado, el in- 


terlineado, el estilo o el tamaño. Eso permite un mejor control del formato y 


variaciones de tamaños con la compaginación de página. 


Cuando se especifican fuentes tipográficas para una aplicación web es impor- 


tante escoger entre las fuentes más comunes instaladas por los propios siste- 


mas operativos de los ordenadores de los usuarios, pues si se especifica una 


fuente que no está instalada, por defecto, el navegador mostrará la informa- 


ción con la fuente que tenga especificada como favorita. El usuario también lo 


puede especificar. Evidentemente, este hecho puede variar totalmente la apa- 


riencia de una web. 


Algunas fuentes son más legibles que otras en pantalla. Una fuente tradicional 


como puede ser la Times New Roman, considerada una de las más legibles en 


papel, no puede tener la misma consideración en pantalla. En cuerpo pequeño, 


sus formas se ven irregulares y pierde legibilidad. La legibilidad en la pantalla 


depende sobre todo de la altura de la "x" definida en las tipografías (mejor 


alta), el cuerpo escogido (evitar cuerpos demasiado pequeños) y la geometría 


del tipo (evitar una presencia excesiva de curvas). 


Con el fin de mejorar la legibilidad tipográfica en la pantalla, se han introdu- 


cido adaptaciones en algunas fuentes tipográficas existentes y también se han 


creado específicamente otras nuevas para verse en los nuevos medios. Éstas 


están pensadas íntegramente para leerse con comodidad en la pantalla y por 


eso tienen una exagerada altura de la "x" y son más robustas que las fuentes 


tradicionales para papel. No obstante, estas formas pueden resultar demasiado 


excesivas en formato papel. 


Podemos encontrar muchas y diferentes tipografías actualmente consideradas 


fuentes óptimas para mostrarse en pantalla, serían las llamadas web-safe-font, 


que son de todo tipo y de familias diferentes. Veamos algunas de las más po- 


pularmente aceptadas: 


Tipografías Web-Safe-Fonts 


Familias tipográficas 
Tipografías 


Serif-websafefonts 
Bookman Old Style 
Garamond 
Georgia 
Palatino Linotype 
Book Antiqua 
Times New Roman 


Dirección web 
recomendada 


Para saber más sobre las web- 
safe-font, podéis consultar el 
siguiente artículo: 


D.Rodriguez (2008). 
Knowing About Web Sa- 
fe Fonts. Publicado en 
www.wpdfd.com. 
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Familias tipográficas 
Tipografías 


Sans-serifwebsafefonts 
Arial, Arial Black 
Helvética 
Gadget 
Impact 
Charcoal 
Geneva 
New York 
Trebuchet 
Verdana 
Lucida sans unicode 
Tahoma 
... 


Monospacewebsafefonts 
Courier 
Courier New 
Lucida console 


¿Qué fuentes escoger y cómo combinarlas? 


Como ya hemos dicho, en el esquema editorial tradicional, lo más común es utilizar 
fuentes con serifa para el cuerpo de texto y una fuente sin serifa para los titulares. Se 
acepta que las fuentes tipográficas con terminales son más legibles que las de palo seco y 
viceversa, pero se trata de juzgar cómo funciona una fuente según el contexto en el que se 
encuentra. La pantalla o el papel son aplicaciones muy diferentes. Entonces, el resultado 
no es el mismo, ya que también se acepta que en cuerpos pequeños y en pantallas de 
baja resolución los detalles de los trazos terminales de las fuentes con serifa se pierden, 
lo que incide negativamente en la legibilidad de la tipografía. 


Las fuentes tipográficas que funcionan en la pantalla son amigas de la parrilla de píxeles, 
no enemigas; cuanto mejor se adapten a la parrilla mejor resultado obtendremos. 


Las fuentes tipográficas más comunes 


Las tipografías más utilizadas en páginas web son las instaladas por defecto en los dos 
sistemas operativos más populares: Apple Macintosh y Microsoft Windows. Sin embargo, 
hay que tener presente que la mayoría de usuarios del entorno Mac tendrán instaladas 
las propias de Windows y no a la inversa. También hay que mencionar que irrumpe con 
fuerza el sistema operativo abierto de Linux, igualmente con sus opciones tipográficas. 


Las fuentes estándares especificadas para Windows tienen sus equivalentes en MacOS. 
Los dos formatos presentan los mismos anchos de composición para no alterar el espacio 
que ocupa el texto al visualizarse en varias plataformas. 


Las fuentes más difundidas son, por una parte, las que vienen de serie con los sistemas 
operativos. Los conjuntos de fuentes de serie del sistema operativo más utilizado, Win- 
dows, y del que fue el principal sistema utilizado por los diseñadores durante las décadas 
de 1980 y 1990, MacOS, son algunas con las que podemos contar que el usuario tenga. 


Con la difusión entre los usuarios domésticos y los entornos profesionales no estricta- 
mente técnicos del sistema operativo Linux a partir de la segunda parte de la década de 
1990, los conjuntos de fuentes de serie de sus distribuciones y escritorios más populares 
también adquieren relevancia. 


Por otra parte, algunos programas muy difundidos incorporan fuentes en su instalación, 
es el caso de paquetes ofimáticos como el Microsoft Office o el Open Office. 


conserifa 
Georgia 
Times New Roman 


sinserifa 
Arial 
Arial Black 
Impact 
Trebuchet MS 
Verdana 


Fuentes instaladas por defecto en 
Windows, MacOS y Linux 


cursiva 
Comic Sans MS 


Fuente: información extraída de http://www.upsdell.com/BrowserNews/res_fonts.htm 
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monospace 
Andale Mono 
Courier New 


Fuentes instaladas por defecto en 
Windows y MacOS, pero no en Linux 


sinserifa 
Arial Narrow 
Tahoma 


conserifa 
Times 


sinserifa 
Helvética 


Fuentes instaladas por defecto en Ma- 
cOS y Linux pero no en Windows 


monospace 
Courier 


Fuente: información extraída de http://www.upsdell.com/BrowserNews/res_fonts.htm 


Podemos especificar una fuente tipográfica para la página web, pero si ésta no 


está instalada en el ordenador del usuario, entonces el navegador la sustituirá 


por otra, la que se haya asignado por defecto. Para incrementar las opciones, 


podemos definir varias fuentes. El navegador, por orden dada, buscará las al- 


ternativas antes de poner la propia por defecto. 


Podemos especificar el siguiente código: 


p { font-family: "Times New Roman", Georgia, serif } 


Primero buscará la Times New Roman y, si no está instalada, buscará la Georgia y, si 
tampoco está instalada, optará por escoger una tipografía con serifa. Vemos como se ha 
optado por una declaración no concreta de una fuente en particular, sino más genérica 
como sería poner serif o sans-serif al final de la lista de fuentes posibles. En un caso 
como éste el navegador escogerá entre las posibles la fuente que se ha indicado siguiendo 
el orden de preferencias. 


La opción de escalado del texto es fundamental para una óptima usabilidad 


web. Para asegurar una escalabilidad adecuada en la página web, se tienen 


que utilizar medidas relativas al control de la tipografía: cuerpo, márgenes, 


sangrías, interlínea. 


Es importante utilizar siempre que sea posible texto editable por oposi- 


ción a texto como imagen: éste no es ni seleccionable ni escalable, por 


lo que resulta invisible para los buscadores. 


Con la implantación de las CSS, los diseñadores ya tienen métodos para tra- 


bajar con la tipografía. Se puede especificar el cuerpo de texto, los títulos, los 


subtítulos, los vínculos, los encabezamientos, entre otros, utilizando medidas 


relativas como la em o porcentajes. La em en contexto web es igual a indicar la 


altura de la fuente. Si es relativa, se convertirá en más flexible. Por ejemplo, si 


tenemos un cuerpo por defecto estipulado a 16 px en el navegador, si especifi- 


camos 2 em como sangría querrá decir 32 px, el doble. Si el usuario cambia las 


opciones de texto para visualizarlo a un tamaño superior, entonces pasaríamos 


a tener un cuerpo 18 px y la sangría no sería de 32 sino de 36: se mantendría 
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la proporcionalidad. Hay que decir que esta flexibilidad nos puede ocasionar 


problemas en la maquetación original de la página, por eso es útil utilizar ta- 


maños de columna también flexibles en vez de utilizar tamaños fijos. 


p { font-size: 1em; text-indent: 2em; } 


Por tradición, hemos visto cómo, desde sus inicios, la tipografía ha sido mucho 


más limitada en el entorno web que en las aplicaciones de imprenta. Primero 


fueron las propias limitaciones de las pantallas con baja resolución las que 


obligaban a utilizar unas fuentes tipográficas concretas, más específicas para 


el medio. Con el tiempo, no obstante, los monitores han ido mejorando, las 


tipografías también han ido evolucionando, y se han adaptado cada vez más 


al creciente medio de la pantalla. Todos conocemos las tipografías "web-safe", 


las más óptimas para leer por pantalla, pero todos estos planteamientos están 


cambiando, con la aparición de características para determinar las web-fuentes 


con CSS3 y @Font-Face (aparte de soluciones alternativas similares como sIFR, 


P+C DTR, FLIR, typeface.js o Tipekit); los diseñadores de hoy en día podemos 


ya definir en una página web fuentes tipográficas que el usuario no tiene ins- 


taladas. Esta evolución, entre otros avances tecnológicos, cambiará la manera 


de tratar la tipografía en web en un futuro próximo; de entrada podemos ase- 


gurar que dotará de mucha más libertad creativa al diseñador multimedia. 


Direcciones web recomendadas 


Webfontscon@Font-Face: http://www.css3.info/preview/web-fonts-with-font-face/ 


sIFR: http://wiki.novemberborn.net/sifr/ 


Dynatext: http://www.alistapart.com/articles/dynatext 


Facelift: http://facelift.mawhorter.net/ 


Typekit: http://typekit.com/ 


WebfontsdeGoogle: http://code.google.com/webfonts 


La tipografía como gráfico 


A veces, nos podemos encontrar con que necesitamos mostrar tipografías específicas, co- 
mo las de los logotipos o las recomendadas por el manual de identidad propio de la em- 
presa o institución, entonces el diseñador utiliza los gráficos para la creación de cabeceras 
o anuncios visuales, por ejemplo, donde está el logotipo y algún tipo de información 
tipográfica. 


Normalmente, se usará un programa de edición de mapa de bits, como Photoshop o 
Gimp, para la conversión del texto en imagen. Esta conversión se tiene que hacer con 
especial cuidado; lo mejor es probar los diferentes resultados en las opciones de suavizado 
posibles (sharp, crisp, strong o smooth), dependiendo de la propia forma tipográfica así 
como del cuerpo escogido optaremos por una opción u otra. En textos pequeños, por 
regla general, es mejor no utilizar ningún suavizado si no queremos perder legibilidad; 
para el texto normal, lo más común es la opción sharp. 
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Diferentes muestras de casos donde se tienen que mantener las formas tipográficas originales; en tal 
caso mejor hacer una imagen. 
Nota legal: estas imágenes se reproducen acogiéndose al derecho de cita o reseña (artículo 32 de la 
LPI) y están excluidas de la licencia por defecto de estos materiales. 


Muchos de los estudios sobre legibilidad y tipografía se han llevado a 


cabo pensados para aplicarse en formato papel. Sin embargo, en la ac- 


tualidad, con el avance en la calidad de tecnologías de suavizado de 


fuentes (antialiasing) y la mejor resolución de las pantallas, podemos 


acercar los dos medios con algunas especificaciones: 


• 
Los lectores prefieren leer el texto en tamaño grande, más de lo que 


querrían los diseñadores. Hay que decir que éstos normalmente se 


decantan por tamaños pequeños para que quepan más contenidos 


en un espacio ya de por sí bastante limitado. 


• 
La interlínea tiene que ser bastante generosa para leer cómodamen- 


te. Lo importante es encontrar el equilibrio entre estética y legibili- 


dad. Si el usuario no puede leer cómodamente, por muy bien hecha 


que esté la página, no será funcional. 
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Gráfico estadístico con la respuesta a la pregunta: ¿Qué tamaño o tamaños de tipografía te resulta más cómodo para leer 
en texto continuo? 
Gráfico estadístico extraído de C. Wheildon (1995). Type & Layout: How Typography and Design Can Get Your Message 
Across-Or Get in the Way. Strathmoor Press. 
Nota legal: esta imagen se reproduce acogiéndose al derecho de cita o reseña (artículo 32 de la LPI) y está excluida de la 
licencia por defecto de estos materiales. 


También hay que mencionar el caso del contraste y cómo afecta a la visuali- 


zación de los tipos para pantalla. No es lo mismo utilizar un medio que refleja 


el color (tinta sobre papel) que otro que lo emite, las pantallas son emisores 


de luz, por lo tanto, la percepción de los caracteres varía. 


El contraste de color considerado más óptimo en el texto sobre papel es el ne- 


gro sobre blanco (black on white), la tinta no tiene nada que ver con los valores 


RGB (RVA) de la pantalla. La manera de modificar el color y los contrastes en 


impresión y con pantalla es de naturaleza muy diferente. 


En primer lugar, se tiene que medir la intensidad de la luz emitida (por la pan- 


talla) en relación con la luz ambiente, en función de esta medida el contraste 


resultante varía. Por otra parte, hay que decir que la ratio de contraste en un 


monitor es mucho mayor que la que se puede conseguir en cualquier medio 


impreso. 
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En pantalla (ordenadores, cine, televisión), la fuente luminosa que se emite 


entra en las zonas más oscuras. Vemos el ejemplo en la percepción de un ca- 


rácter normal de color negro sobre fondo blanco, éste se verá más delgado, y el 


mismo carácter blanco sobre fondo negro se verá más grueso (la luz blanca se 


expande sobre lo oscuro). En cambio, en papel pasa exactamente lo contrario: 


se da el efecto de propagación de la tinta sobre papel, entonces nos encontra- 


mos con que el carácter negro sobre fondo blanco se percibirá con unos con- 


tornos más gruesos y el mismo carácter blanco sobre fondo negro se verá más 


delgado, ya que la tinta llenará los contornos. 


Una buena elección del color de pantalla puede ayudar, y mucho, a una óptima 


lectura del texto; reducir molestias sería el objetivo que debemos perseguir. El 


formato más popular es utilizar el contraste de negro sobre blanco, heredado 


inevitablemente de la tradición editorial, más un producto de la primera ten- 


dencia al aparentar ser las páginas web como las página impresas de los libros. 


Lo más importante es valorar el nivel de brillo, que varía dependiendo de la 


combinación con los colores; el contraste de negro/blanco tiene el 100% de 


brillo y en lecturas prolongadas no sería el más óptimo, ya que los contornos 


de los caracteres tienden a deslumbrar, por lo que es mejor aplicar entre un 


mínimo de un 40% y un máximo del 90% a la diferencia de brillo entre los 


colores escogidos para el fondo y para el texto en pantalla. 


En pantalla negro sobre blanco, la fuente 
luminosa se come el oscuro y a la inversa. 
Nota legal: © UOC. Creative Commons 
Reconocimiento Compartir Igual 3.0- 
es. Imagen de elaboración propia 
basada en un gráfico extraído de http:// 
www.webstyleguide.com. 
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Diferentes apreciaciones que debemos tener presentes en la elección de las combinaciones de 
color de texto y fondo de pantalla 


Recomendación 
Ejemplo 


Niveles iguales de brillo en pantalla producen 
dificultad, incluso desaparición del texto. 


Texto amarillo sobre fondo blanco, ambos co- 
lores son demasiado brillantes. 


Utilizar un brillo de nivel medio permitirá al 
diseñador trabajar con un color de texto más 
claro y más oscuro al mismo tiempo. 


Utilizar un color terciario como fondo, poco 
saturado, y ver cómo funciona con texto de 
color similar, pero más oscuro o más claro. 


Un reducido nivel de brillo en el color del tipo 
puede resultar poco práctico sobre fondos os- 
curos. 


Texto azul marino sobre gris. 


Utilizar un texto acromático (gris) sobre un 
fondo cromático puede reducir la legibilidad. 


Texto gris sobre fondo amarillo. 


Combinar colores complementarios provoca 
un ligero difuminado en los márgenes de los 
contornos de los caracteres, si el brillo es muy 
alto puede provocar un efecto de parpadeo 
muy molesto. 


Texto verde sobre fondo rojo. 


Recomendaciones extraídas parcialmente del libro: Studio 7.5 (2003). Colores digitales. Para Internet y otros medios de comunica- 
ción (pág. 106-109). Barcelona: Index Book. 


Rueda de color accesible 


Analizando el contraste existente entre los colores de fondo y el del texto, se puede cal- 
cular su rango de contraste y cómo éste se verá para los usuarios sin discapacidades, pero 
también teniendo presente los usuarios con raras deficiencias en la percepción del color 
(afectaciones en la ceguera parcial del color) como serían la deuteranopia (insensibilidad 
al verde), la propanopia (insensibilidad al rojo) y la tritanopia (insensibilidad al azul), 
según se ve en la herramienta creada por Giacomo Mazzocato y basada en la rueda de 
color creada por Jemima Pereira. 


Dirección web 
recomendada 


Creada por Das Plankton, 
Contrast-A (http://con- 
trast-a.dasplankton.com/) es 
una pequeña aplicación libre 
en formato web muy prác- 
tica para estudiar diferentes 
opciones posibles antes de 
decidirse por una combina- 
ción cromática u otra. Permi- 
te a los usuarios interactuar 
y experimentar con diferen- 
tes combinaciones cromáti- 
cas, testar el tipo de contras- 
te de acuerdo con los están- 
dares WCAG 2.0 y 1.0 y ver 
los resultados, igualmente 
en diferentes afectaciones de 
percepción del color. Permite 
crear paletas de color especí- 
ficas. 


Ved también 


Para más información sobre 
contrastes de color y sus apli- 
caciones, consultad el material 
de Diseño gráfico en el aparta- 
do "Color y diseño gráfico" del 
módulo "Conceptos básicos de 
diseño gráfico". 
Para saber más sobre la signifi- 
cación y el color, psicología y 
connotaciones culturales, con- 
sultad el módulo "Cultura y co- 
lor" de esta asignatura. 
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